首先,在 Chrome 浏览器中打开要保存的网页。然后,点击浏览器的右上角的菜单按钮,并在弹出的菜单中选择 "更多工具" > "开发人员工具"。在开发人员工具中,点击 "审查元素" 按钮,打开审查元素面板。
在审查元素面板中,点击右上角的菜单按钮,并在弹出的菜单中选择 "导出为" > "HTML",即可将当前页面保存为本地文件。保存完成后,Chrome 会弹出文件选择框,询问你要保存文件的路径和文件名。选择一个目录,输入文件名,然后点击保存按钮即可完成保存。
保存完成后,你可以在插件的配置文件(manifest.json)中指定这个本地文件作为插件的测试页面。下面是一个简单的例子,展示了如何使用本地文件作为插件的测试页面。
{
"manifest_version": 2,
"name": "My Plugin",
"content_scripts": [
{
"matches": ["file:///C:/test.html"],
"js": ["content_script.js"]
}
]
...
}
在这个例子中,插件的测试页面是 "file:///C:/test.html"。这个页面是保存在本地磁盘上的,插件通过 "matches" 字段指定了这个页面的 URL 地址。