21xrx.com
2025-07-05 14:55:39 Saturday
文章检索 我的文章 写文章
我最近开始学习如何开发浏览器JavaScript扩展
2023-06-10 16:39:07 深夜i     17     0

我最近开始学习如何开发浏览器JavaScript扩展,这里分享一些我学到的知识和经验。

首先,关于代码示例,这是一个简单的Chrome扩展,它会在当前网页上弹出一个提示框:

script
// popup.js文件
window.onload = function() {
 alert('Hello from my Chrome extension!');
};

在manifest.json文件中,我们需要指定该扩展适用于哪个浏览器和哪些网站:

json
{
 "name": "My Chrome Extension",
 "version": "1.0",
 "description": "This is a simple Chrome extension",
 "manifest_version": 2,
 "permissions": [
  "activeTab"
 ],
 "browser_action":
  "default_popup": "popup.html"
 ,
 "content_scripts": [
  {
   "matches": ["https://*/*"],
   "js": ["content.js"]
  }
 ]
}

其中,`permissions`指定扩展需要访问的权限,这里只需要访问当前标签页;`browser_action`指定扩展图标被点击时显示的弹出窗口;`content_scripts`指定在哪些网站上注入JavaScript代码。

关于关键词,我觉得可以是”浏览器扩展”,”Chrome”和”JavaScript”。

综上,我认为一个合适的标题应该是:《浏览器JavaScript扩展开发入门:以Chrome扩展为例》。

  
  

评论区