artifacts.md +3 −3
326每個成品是一個獨立的頁面。Claude Code 會將您發佈的檔案包裝在 HTML 文件殼層中,並在嚴格的內容安全政策 (CSP) 下提供服務,這會限制頁面可以執行的操作。326每個成品是一個獨立的頁面。Claude Code 會將您發佈的檔案包裝在 HTML 文件殼層中,並在嚴格的內容安全政策 (CSP) 下提供服務,這會限制頁面可以執行的操作。
327 327
328| 限制 | 效果 |328| 限制 | 效果 |
329329| :----- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- || :----- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
330330| 外部請求 | 頁面可以從 Google Fonts 載入字型,以及從[四個公開 CDN 主機](#allowlist-the-viewer-domain)載入指令碼:cdnjs、Tailwind 和 jQuery CDN,以及 jsDelivr 上的選定路徑,例如 `/npm/`。CSP 會阻止所有外部影像和所有其他外部指令碼、樣式表和字型,並讓 `fetch`、XHR 和 WebSocket 呼叫只能到達頁面自身的來源和 Google Fonts 主機。因此,Claude 會從這些 CDN 之一載入頁面需要的任何程式庫,內嵌所有其他 CSS 和 JavaScript,並將影像嵌入為資料 URI。[Connector 呼叫](#pull-live-data-with-mcp-connectors)會通過 claude.ai 進行,它會自行進行網路呼叫。 || 外部請求 | 頁面可以從 Google Fonts 載入字型,以及從[五個公開 CDN 主機](#allowlist-the-viewer-domain)載入指令碼:cdnjs、unpkg、Tailwind 和 jQuery CDN,以及 jsDelivr 上的選定路徑,例如 `/npm/`。CSP 會阻止所有外部影像和所有其他外部指令碼、樣式表和字型,並讓 `fetch`、XHR 和 WebSocket 呼叫只能到達頁面自身的來源和 Google Fonts 主機。因此,Claude 會從這些 CDN 之一載入頁面需要的任何程式庫,內嵌所有其他 CSS 和 JavaScript,並將影像嵌入為資料 URI。[Connector 呼叫](#pull-live-data-with-mcp-connectors)會通過 claude.ai 進行,它會自行進行網路呼叫。 |
331| 無後端 | 成品是靜態頁面。它無法自行驗證檢視者。 |331| 無後端 | 成品是靜態頁面。它無法自行驗證檢視者。 |
332| 下載 | 頁面無法自行啟動下載。為了讓檢視者儲存頁面產生的檔案,Claude 會宣告下載功能。請參閱[提供檔案下載](#offer-a-file-download)。 |332| 下載 | 頁面無法自行啟動下載。為了讓檢視者儲存頁面產生的檔案,Claude 會宣告下載功能。請參閱[提供檔案下載](#offer-a-file-download)。 |
333| 單一頁面 | 相對連結無法解析,因為頁面旁邊沒有部署任何內容。對於多區段內容,Claude 使用頁面內錨點而不是個別檔案。 |333| 單一頁面 | 相對連結無法解析,因為頁面旁邊沒有部署任何內容。對於多區段內容,Claude 使用頁面內錨點而不是個別檔案。 |
417 417
418從 [Google Fonts](#improve-the-visual-design) 載入字型的成品也會要求 `fonts.googleapis.com` 和 `fonts.gstatic.com`。兩個主機都是選用的。如果您封鎖它們,成品會以備用字型呈現。使用快速拒絕而不是無聲丟棄來封鎖,以便字型要求立即失敗,而不是延遲頁面的首次呈現。418從 [Google Fonts](#improve-the-visual-design) 載入字型的成品也會要求 `fonts.googleapis.com` 和 `fonts.gstatic.com`。兩個主機都是選用的。如果您封鎖它們,成品會以備用字型呈現。使用快速拒絕而不是無聲丟棄來封鎖,以便字型要求立即失敗,而不是延遲頁面的首次呈現。
419 419
420420成品也可以從 `cdnjs.cloudflare.com`、`cdn.jsdelivr.net`、`cdn.tailwindcss.com` 和 `code.jquery.com` 載入 JavaScript 程式庫(例如 React 或圖表套件),而不能從任何其他外部主機載入。如果您封鎖這些主機,成品中依賴程式庫的部分將無法運作,與被封鎖的字型不同,被封鎖的程式庫沒有備用方案。在這裡也使用快速拒絕,以便被封鎖的程式庫要求立即失敗,而不是掛起直到逾時。成品也可以從 `cdnjs.cloudflare.com`、`cdn.jsdelivr.net`、`cdn.tailwindcss.com`、`code.jquery.com` 和 `unpkg.com` 載入 JavaScript 程式庫(例如 React 或圖表套件),而不能從任何其他外部主機載入。如果您封鎖這些主機,成品中依賴程式庫的部分將無法運作,與被封鎖的字型不同,被封鎖的程式庫沒有備用方案。在這裡也使用快速拒絕,以便被封鎖的程式庫要求立即失敗,而不是掛起直到逾時。
421 421
422<h3 id="list-and-delete-artifacts-with-the-compliance-api">422<h3 id="list-and-delete-artifacts-with-the-compliance-api">
423 使用 Compliance API 列出和刪除成品423 使用 Compliance API 列出和刪除成品