摘要：chrome 插件的开发其实并不难，web开发者可以使用 html, css, javascript 轻松的开发实用的 chrome 插件。 一个好的 chrome 插件可以提高我们的开发效率，甚至方便我们的生活。例如 Vue-devtools ，是 Vuejs 的开发者不可或缺的利器，再如最常见的 阅读全文

摘要：if (window.Notification) { var popNotice = function() { if (Notification.permission == "granted") { var notification = new Notification("信息" , ... 阅读全文

摘要：1. Chrome DevTools Extension 熟悉React的同学，可能对React Developer Tools并不陌生， 刚看到的时候，我也觉得很神奇， 因为React Developer Tools和其他Chrome Extension不同， 它居然出现在了Chrome开发者工具 阅读全文

摘要：注意：通配符两侧的[]不能省略 阅读全文

摘要：Chrome插件开发入门（二）——消息传递机制由于插件的js运行环境有区别，所以消息传递机制是一个重要内容。阅读了很多博文，大家已经说得很清楚了，直接转一篇@姬小光 的博文，总结的挺好。后面附一个自己写过的demo，基本就对消息传递能够熟悉了。在开发 Chrome 扩展时经常需要在页面之间进行通讯，... 阅读全文

摘要：chrome在一次更新之后，出于安全考虑，完全的禁止了content_script从https向http发起ajax请求，即使正常情况下也会在console里给出提示。这对于WEB来讲是好事，但对于扩展来讲就是坏事。平时可以很容易的请求数据，现在就没那么容易了。好在chrome还提供了backgro... 阅读全文

摘要：chrome插件提供了查找tab的apiJs代码chrome.tabs.get(integertabId,functioncallback) 但是出于安全的考虑，tab的属性中没有document因此无法在扩展中直接获取某个页签页面中的页面元素但是tab有这样一个方法Js代码chrome.tabs.sendRequest(integertabId,anyrequest,functionresponseCallback)他可以在扩展中可以对某一个tab进行请求，发送请求信息；在对应的tab页面中通过Js代码chrome.extension.onRequest.addListener(functi 阅读全文

摘要：转载：http://www.cnblogs.com/walkingp/archive/2011/04/04/2003875.htmlHTML5中的localStoragelocalStorage与cookie类似，它是存储在客户端浏览器中的数据，它与cookie不同的一点是它没有时间限制。localStorage属于html5中的新特性，在浏览器支持localStorage统计中，Chrome4+、Firefox3.5+、IE8+、IE7兼容模式、Safari4+、Opera10.5+都是支持localStorage的。以下代码可以用于检测你的浏览器是否支持localStorage：if(wi 阅读全文

摘要：转载：http://www.cnblogs.com/walkingp/archive/2011/04/02/2002668.html上一节我们已经讲了Chrome扩展的基础知识，并构建了基础的html，这一节我们将就html DOM添加部分添加脚本，即脚本在我们的popup页面中进行的操作，页面所产生的变化。正常情况下数据处理加载完成状态，这些数据是从本地数据读取的。点击“添加新项”，出现输入框，输入文字后回车提交数据：添加完成后将数据存储，同时添加DOM元素：考虑到功能最简化处理，点击已标为完成的任务，将提示“删除或重置为未完成”：以上功能为最核心功能，可以在此基础上进行扩展，比如任务分组， 阅读全文