跨來源目的地的連結不安全
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
使用 target="_blank"
屬性連結至其他網站的網頁時,
請暴露在效能和安全性問題的影響下:
- 其他頁面的執行程序可能會與專頁相同。
如果其他網頁執行大量 JavaScript
您的網頁效能可能會較差
- 其他頁面可以使用
window.opener
屬性存取您的 window
物件。
這可能會讓其他網頁將您的網頁重新導向至惡意網址。
正在新增rel="noopener"
或rel="noreferrer"
target="_blank"
連結可避免這些問題。
Lighthouse 跨來源目的地稽核作業失敗的方式
Lighthouse 標記跨來源目的地的不安全連結:
Lighthouse 會使用以下程序將連結判定為不安全的連結:
- 收集所有包含
target="_blank"
屬性的 <a>
標記
而非 rel="noopener"
或 rel="noreferrer"
屬性
- 請濾除所有相同主機的連結。
由於 Lighthouse 會濾除同主機連結,
發布大型網站時,請注意以下極端情況:
如果有網頁包含target="_blank"
連結至網站中其他網頁,不使用 rel="noopener"
,
這項稽核的效能影響依然適用。
不過,Lighthouse 結果不會顯示這些連結。
新增 rel="noopener"
或 rel="noreferrer"
。
一般來說,使用 target="_blank"
時
新增 rel="noopener"
或 rel="noreferrer"
:
<a href="https://examplepetstore.com" target="_blank" rel="noopener">
Example Pet Store
</a>
rel="noopener"
會禁止新頁面
存取 window.opener
屬性
確保它在獨立程序中執行
rel="noreferrer"
的效果相同
但同時又阻止了 Referer
標頭
都不會被導向新網頁
請參閱連結類型「noreferrer」。
請參閱「安全地共用跨來源資源」。
張貼更多資訊
資源
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2019-05-02 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2019-05-02 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2019-05-02 (世界標準時間)。"],[],[]]