我想要讨论的最后一个主题是如何创建您自己的附加组件。我将重点关注ChromiumAd-ons，因为我对这些插件有最丰富的经验，但是您可以在Web上找到Firefox和其他支持浏览器的链接。
您还可能想要做一些雄心勃勃的事情，比如向所有页面添加键盘快捷键，其中包含前面的链接或屏蔽网络上特定的仇恨言论。您可以通过为Web使用或创作附加组件来完成此操作(如果浏览器允许)。
首先，您需要一个文件夹来存放您的文件。
mkdir -p ~/projects/addon-name
一旦您有了放置文件的位置，打开您最喜欢的编辑器并创建两个文件：manifest.json和content.js(第二个文件是特定于JS加载项的，它只是我为基于内容的JS使用的命名约定)。
Manifest.json
这个文件的代码是任何铬添加的最重要的部分.它基本上指导插件的工作方式和时间。创建这些专业不属于本文的范围，正如本文所做的那样。创建Firefox扩展
{ "manifest_version": 2, "name": "Whatever you want to call the plugin", "description": "A brief description of what the plugin does. I prefer the GNU philosophy of do one thing well", "version": "2.0", "content_scripts": [ { "matches": [ "*://*/*" ], "js": [ "content.js" ], "run_at": "document_end" } ] }
这只是告诉浏览器在读取所有方案(http：、https：等)的每个网页时，在所有路径上运行content.js。
Content.js
你在你的content.js与您在网页上放置的任何代码相同。为了浏览图库，我使用了我的朋友Barry生成的一段代码，它使用了一个名为相册速递(它是为Windows 7编写的)的旧软件。
document.addEventListener('keyup', function(k) { switch(k.code) { case "ArrowRight": document.querySelector('.nav.controls .link.next').click(); break; case "ArrowUp": document.querySelector('.nav.controls .link.up').click(); break; case "ArrowLeft": document.querySelector('.nav.controls .link.prev').click(); // window.history.back(); // The software Barry uses actually doesn't think to generate "prev" links, so we have to be creative break; default: console.log("Key Pressed:", k); } });
从这里：
导航到chrome://extensions/在你的浏览器里
加载解压扩展按钮铬。
导航到保存扩展的文件夹
最后，单击“打开”。
浏览铬扩展名文件的路径。
包起来
我希望您喜欢阅读这篇文章，并且它帮助您在不为每个人更改代码的情况下处理软件项目。如果您只是进入JavaScript，在构建您自己的体验之前进行实验，这将帮助您了解哪些模式和方法最适合您。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
您可能感兴趣的文章: