替换 Chrome 网页
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
扩展程序可以使用 HTML 覆盖网页来替换 Google Chrome 通常提供的网页。扩展程序可以包含针对以下任何网页的替换设置,但每个扩展程序只能替换一个网页:
- 书签管理器
- 用户选择“书签管理器”菜单项后显示的页面
(在 Mac 上),从“书签”菜单中打开“书签管理器”。您还可以
输入网址 chrome://bookmarks 即可访问此页面。
- 历史记录
- 用户从 Chrome 中选择“历史记录”菜单项后显示的页面
菜单或在 Mac 上是“历史记录”菜单中的“显示全部历史记录”。您也可以访问此页面
方法是输入网址 chrome://history。
- 打开新的标签页
- 用户创建新标签页或窗口时显示的页面。您还可以访问
此页面,输入网址 chrome://newtab。
以下屏幕截图显示了默认的“新标签页”页面,以及一个自定义的“新标签页”页面。
<ph type="x-smartling-placeholder">
。
<ph type="x-smartling-placeholder">
如需尝试此操作,请参阅我们的替换示例。
无痕式窗口行为
在无痕式窗口中,扩展程序无法覆盖“新标签页”页面。如果无痕模式清单属性设为了
设置为“spanning”(默认值)。如需详细了解如何处理无痕式窗口,请参阅保存数据和无痕模式。
清单
使用以下代码在扩展程序清单中注册替换页面:
{
"manifest_version": 3,
"name": "My extension",
...
"chrome_url_overrides" : {
"PAGE_TO_OVERRIDE": "myPage.html"
},
...
}
将 PAGE_TO_OVERRIDE
替换成以下内容之一:
"bookmarks"
"history"
"newtab"
最佳做法
确保您的网页既简短又简短。
用户希望浏览器内置的页面能够立即打开。避免执行可能需要较长时间的操作
。具体而言,请避免同步访问数据库资源。发出网络请求时,请优先使用 fetch()
,而不是 XMLHttpRequest()
。
为避免用户混淆,请为网页指定标题。
如果没有标题,网页标题将默认为网址。使用 HTML 文件中的 <title>
标记指定标题。
请注意,新标签页会先将键盘焦点放在地址栏上。
不要让键盘焦点默认位于页面的其他部分。
打造您的专属新标签页。
避免创建新标签页,因为用户可能会将其与 Chrome 的默认新标签页相混淆。
示例
请参阅替换示例。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2012-09-18。
[{
"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": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2012-09-18\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"]],["最后更新时间 (UTC):2012-09-18。"],[],[]]