谷歌浏览器插件功能需依赖外部资源的加载权限配置方法
发布时间：2025-09-05
来源：谷歌浏览器官网
1. 首先，创建一个名为`permissions.js`的文件，用于配置谷歌浏览器的加载权限。在这个文件中，我们将定义一个函数`loadExternalResources`，该函数将根据不同的资源类型（如图片、脚本等）设置相应的加载权限。
javascript
// permissions.js
function loadExternalResources() {
chrome.declarativeContent.onPageChanged.addListener(
function(change, newURL) {
if (newURL.includes('images')) {
chrome.declarativeContent.executeJavaScript(
'(function() { "use strict"; var script = document.createElement("script"); script.src = "https://example.com/script.js"; document.head.appendChild(script); })();',
['unsafe'],
['script']
);
} else if (newURL.includes('stylesheets')) {
chrome.declarativeContent.executeJavaScript(
'(function() { "use strict"; var style = document.createElement("style"); style.innerHTML = "body { background-color: red; }"; document.head.appendChild(style); })();',
['unsafe'],
['style']
);
}
}
);
}
2. 然后，在`manifest.json`文件中添加`permissions`部分，以启用加载外部资源的功能。
json
{
"name": "My Google Chrome Extension",
"version": "1.0",
"manifest_version": 2,
"description": "This is a sample Google Chrome extension that loads external resources.",
"permissions": [
"storage",
"activeTab",
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
"
]
}
3. 最后，在`manifest.json`文件中添加`permissions`部分，以启用加载外部资源的功能。同时，确保`permissions`部分位于`permissions`对象中。
json
{
// ...其他部分...
"permissions": {
// ...之前定义的权限配置...
},
// ...其他部分...
}
4. 打开浏览器的扩展程序管理页面，点击“加载已解压的扩展程序”，然后选择刚刚下载的Chrome扩展程序文件。如果遇到任何问题，请尝试重新安装或更新Chrome浏览器。
