預檢設定

若要在通用編輯器中設定預檢，請依照以下步驟進行：

1. 在此開啟 Extension Manager：
   https://experience.adobe.com/#/@org/aem/extension-manager/universal-editor?lang=zh-Hant

2. 找到 AEM Sites Optimizer 預檢擴充功能 ​並提出啟用的請求。

3. Adobe AEM 團隊 ​會在審閱後為您的組織啟用此擴充功能。

4. 啟用擴充功能後，在 通用編輯器 ​中開啟一個頁面，例如：
   https://author-p12345-e123456.adobeaemcloud.com/ui#/@org/aem/universal-editor/canvas/author-p12345-e123456.adobeaemcloud.com/content/en/example/home.html

5. 預檢擴充功能 ​將出現在​ 側邊欄中。

6. 在側邊欄中選取​ 「預檢擴充功能」，針對目前頁面開始進行​ 預檢稽核。

若要設定對文件型製作進行預檢，請依照下列步驟進行：

1. 在 Edge Delivery Services 專案的 GitHub 存放庫中，將以下設定新增至 /tools/sidekick/config.json：

   code language-json
   { "plugins": [ { "id": "preflight", "titleI18n": { "en": "Preflight" }, "environments": ["preview"], "event": "preflight" } ] }

2. 建立新檔案 /tools/sidekick/aem-sites-optimizer-preflight.js 並新增以下內容：

   code language-javascript

   (function () { let isAEMSitesOptimizerPreflightAppLoaded = false; function loadAEMSitesOptimizerPreflightApp() { const script = document.createElement('script'); script.src = 'https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=plugin'; script.onload = function () { isAEMSitesOptimizerPreflightAppLoaded = true; }; script.onerror = function () { console.error('Error loading AEMSitesOptimizerPreflightApp.'); }; document.head.appendChild(script); } function handlePluginButtonClick() { if (!isAEMSitesOptimizerPreflightAppLoaded) { loadAEMSitesOptimizerPreflightApp(); } } // Sidekick V1 extension support const sidekick = document.querySelector('helix-sidekick'); if (sidekick) { sidekick.addEventListener('custom:preflight', handlePluginButtonClick); } else { document.addEventListener('sidekick-ready', () => { document.querySelector('helix-sidekick') .addEventListener('custom:preflight', handlePluginButtonClick); }, { once: true }); } // Sidekick V2 extension support const sidekickV2 = document.querySelector('aem-sidekick'); if (sidekickV2) { sidekickV2.addEventListener('custom:preflight', handlePluginButtonClick); } else { document.addEventListener('sidekick-ready', () => { document.querySelector('aem-sidekick') .addEventListener('custom:preflight', handlePluginButtonClick); }, { once: true }); } }());

3. 更新 /scripts/scripts.js 中的函數 loadLazy() 以便匯入預覽 URL 的預檢指令碼：

   code language-javascript
   if (window.location.href.includes('.aem.page')) { import('../tools/sidekick/aem-sites-optimizer-preflight.js'); }

4. 開啟要稽核的頁面之預覽 URL (*.aem.page)。

5. 在 Sidekick 中，按一下​ 「預檢」 ​按鈕，開始對目前頁面進行稽核。

若要在 AEM Sites 頁面編輯器中使用預檢，您可以在網頁瀏覽器中建立書籤小程式。請依照下列步驟操作：

1. 在網頁瀏覽器中顯示您的​ 書籤列：

   • 按下 Ctrl+Shift+B (Windows) 或 Cmd+Shift+B (Mac)。

!. 在瀏覽器中建立新書籤：

• 在書籤列上按一下右鍵，然後選取「新頁面」或「新增書籤」。
• 在「位址 (URL)」欄位中，貼上以下程式碼：

javascript:(function(){const script=document.createElement('script');script.src='https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=bookmarklet&target-source=aem-cloud-service';document.head.appendChild(script);})();

1. 將書籤命名為「預檢」(或任何您喜歡的名稱)。

2. 在 AEM Sites 頁面編輯器 ​中開啟您要稽核之頁面的預覽 URL (*.aem.page)。

3. 在書籤列中按一下「預檢」書籤，以便開始稽核目前頁面。