本文作者：Kristian Ivanov
编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58dcb330a58c240ae35bb8d9
英文衔接：Lessons From Building 2 Chrome Plugins
转载请说明出处，保存原文链接以及作者信息
简介
近来我之前开辟的一个 Chrome 插件最先流行起来，主要得益于被 Product Hunt 引荐了（你能够在这看到），所以我决议把当时开辟时刻总结的一些 tips 和技能发出来。我开辟这个插件主要是由于看了这篇文章，也送给你们：作为开辟者我是如何跟上时期脚步的。
再多一点简介
Chrome 插件能够使你的顺序能够打仗到更多人（我从种种统计报告中视察到，Chrome 的市场份额都超过了 50%），假如这里我说错了，请在批评中指出，谢谢！Chrome 异常稳固，而且它的 API 在 Windows 和 Linux 下的运用方法都是一样的，就像 Android 能够运用于差别装备上一样。
关于插件开辟
Chrome 插件剧本能够在多种场所下运转：
背景——背景剧本能够一向实行。把 persistent 设置成 false 会天生 事宜页；
浏览器上——当用户点击了浏览器中插件图标时运转；
作为内容剧本——内容剧本是来自于插件中的剧本。注入到当前运动的网页中，浏览器许可它们某种程度的运用浏览器资本。
在之前，交互的体式格局是通报音讯，要么经由历程 chrome.runtime.sendMessage(...)，要么经由历程 chrome.tabs.sendMessage(...)。
提醒 1
内容剧本是在 manifest 文件中注册的，这就是说当 Chrome 翻开了婚配的网页会自动注入剧本。或许你也能够用顺序操控注入。两种都能够，然则请记着，经由历程 manifest 注册的内容剧本会在网页加载今后注入，而在用户装置插件之前已翻开的网页，不会注入。所以挑选顺序自动注入或许连系两种体式格局一同运用会比较好。
运用纯顺序自动注入能够经由历程 chrome.tabs 监听来完成，运用 chrome.tabs.executeScript( null, {file: 'example.js});。
我个人的做法是，在 manifest 文件中形貌内容剧本。那末一般情况下 Chrome 就会注入了，它会经由历程发送一个音讯而且吸收返回的相应来搜检剧本是不是准备好。假如相应不是我所想要的，我就强行注入。
提醒 2
Chrome 插件能够重写默许的 Chrome url（比方翻开新 tab 时）。这是在插件 manifest 中定义的，因而不能背面做变动。
你还能够对翻开新 tab 加监控。搜检 url，假如不是你想要的 url，能够运用 chrome.tabs.update(data, {url: 'yourUrl'}); 重写 url 并对其重定向。这个历程也异常快，和定义在 menifest 没什么区分。
提醒 3
在 Chrome 插件中运用的都是相对路径，假如你须要用绝对路径，能够运用：chrome.runtime.getURL( 'your.html' );。
提醒 4
末了一点很主要的是，MDN 文档 中关于浏览器插件的引见在某些方面要比 Chrome 越发细致，内里有许多的实例。
比方这里是关于 webRequest 的 MDN 和 Chrome 文档的比较，本身来感觉吧！
关于开辟完今后须要做什么
你把插件上传到 Chrome 市肆今后，什么都不会发作。由于那边会有上万的插件，不要期待着某个人会有时发明你的插件，然后爱上了它，又把它分享给他的朋侪。
实用技能 1
起首在你开辟插件之前搜检下确认名字是免费的，开辟完今后也要搜检。几周之前，Darkness （美丽的黑色系主题）的作者联络到我，由于我的一个插件也命名为 Darkness。当我在写我的插件的时刻，他已宣布了。so，在你开辟完成今后再搜检一次，即使你在刚最先开辟的时刻是免费的。
实用技能 2
运用 Reddit。把你的插件提交到 Reddit 的子版块中。比方： /r/chrome, r/SideProject, /r/Feedback 和 thread。找到统统能够运用你插件的场景，提交上去。即使它只给你带来了 20 个用户，这 10 – 20 个用户会给你许多反应，让你越发相识用户是如何运用你插件的，协助你改良。
实用技能 3
说到网络用户反应，人们对你插件的感觉和你本身是不一样的。一些你以为不言而喻的、很轻易明白的东西对用户来说并非如许。所以假如你的前提许可，只管运用视频来说解，而不是图片，这将会节约你许多你诠释的时候。Chrome 市肆许可上传 YouTube 视频，也许可运用图片。
实用技能 4
Reddit 假如没有很大的结果和反应，Product Hunt 能够给你带来更好的结果。这个社区的体验更好，由于你的插件在这里会被更多人看到。在这里不会像 Reddit 的子栏目中有那末多宣布的东西。Product Hunt 在 Twitter 上也很活泼。为了更直观地展现，这里是 Janus Workspace 在 Product Hunt 上的用户数增进图。从图中蓝色点最先到背面的两天曲线变化。
曲线中心的谁人小突出，是二月份在 Reddit 宣布的时刻发生的。
实用技能 5
Typeform.com 能够制造反应表，当用户卸载插件的时刻，它会天生一个 url，要求用户填写为何他会卸载插件的反应。它的运用很简单，不须要你操纵什么也不须要背景。这里要认识到你会收到许多的复兴，能够会有一些糟糕的英语，一些已基础不懂的言语或许一些类似于 “ok”、“puf”、“No Me Gusta” 如许的词。然则内里也会有许多有价值的复兴——“它没有自动捕获，太棒了！”，“预设窗口散布异常轻易治理。”，“从汗青输入纪录中提取纪录，几乎太方便了”。
实用技能 6
Google Analytics 能够运用在你的插件里。关于在插件中如何运用 Google Analytics 的教程在这里。用 Google Analytics 的数据视察板能够看到有那末多的朋侪在运用你的插件，这真的是一件很快活的事变。
结束语
这篇文章纪录了我近来开辟的两个项目，总结了项目历程当中的一些履历。我不以为本身在开辟 Chrome 插件方面是专家，不过我置信把这些东西纪录下来，关于方才打仗 Chrome 插件开辟的开辟者会有所协助。
我近来正在写一本《React.js 小书》，对 React.js 感兴趣的童鞋，迎接指导。
