瀏覽器相容性
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
建立內容導向網頁應用程式時,請務必考量目標對象使用的瀏覽器。某些瀏覽器可能不支援最新功能,而有些則使用不支援最新功能的舊版瀏覽器。無論使用者選擇哪個瀏覽器,所有使用者都能存取您的應用程式。
請使用漸進式強化功能,或從所有瀏覽器支援最基本的功能開始,接著為較新的瀏覽器新增其他功能。功能偵測是另一種觸及使用日期版本或新瀏覽器使用者的策略。您可以使用功能偵測功能,判斷使用者瀏覽器支援哪些功能,然後載入適當的程式碼。您的應用程式應使用使用者瀏覽器可支援的最新功能。
指定新舊瀏覽器時,需要考量一些缺點。首先,您可能需要針對各種瀏覽器使用不同的程式碼。這可能會導致程式碼更複雜且難以維護。你可能無法在所有瀏覽器中使用最新功能。這可能會限制應用程式功能。
視應用程式而定,基於法律原因或業務用途,舊版瀏覽器可能仍需要支援。如果大部分使用者使用的是舊版硬體,無法更新,則可能需要使用 polyfill。polyfill 為舊版網路瀏覽器提供新型功能,可讓您使用最新型的網頁技術和 API,同時確保與舊版瀏覽器相容。
我們提供許多實用工具,方便您查看目前使用的技術或 API:
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-07-10 (世界標準時間)。
[{
"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\uff1a2024-07-10 (\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"]],["上次更新時間:2024-07-10 (世界標準時間)。"]]