chrome扩展程序
谷歌浏览器添加多功能扩展程序
谷歌浏览器添加多功能扩展程序
使用谷歌浏览器我们会发现，如果没设主页的话，打开浏览器的界面是光秃秃的。
想让界面丰富起来，其实我们可以尝试添加一些应用程序在里面的，跟着小编一起来折腾吧~
打开谷歌浏览器:
点击右上方的“菜单”按钮，在弹出的菜单栏中点击“设置”
进入到设置界面后，我们切换至“扩展程序”这里可以看到我们并没有任何扩展程序，点击“浏览该程序库”去在线添加更多有趣多个功能的扩展程序吧：
【PS：前提是需要我们登陆自己的账号哈】
进入到程序商店，十分丰富多样的应用程序展现在我们眼前，当然我们要注意的是，有很多在中国是用不了的，比如facebook,twitter等...（除非...你懂的）
那么我们就着手搜寻一些在中国可以用到的应用程序吧。
我们以“时钟”为例，把鼠标放在上面便会弹出“添加至CHROME”的按钮，点击后会提示询问“要添加时钟吗”点击添加：
添加成功后我们再来看看原先的浏览器界面，就多出来一个扩展程序应用了。
就是这么简单~！
赶快来添加更多有意思的扩展程序吧~。
使用Vue开发自己的Chrome扩展程序过程详解
使⽤Vue开发⾃⼰的Chrome扩展程序过程详解前⾔浏览器扩展程序是可以修改和增强 Web 浏览器功能的⼩程序。
它们可⽤于各种任务，例如阻⽌⼴告，管理密码，组织标签，改变⽹页的外观和⾏为等等。
好消息是浏览器扩展并不难写。
可以⽤你已经熟悉的 Web 技术（HTML、CSS 和 JavaScript）创建 —— 就像普通⽹页⼀样。
但是与⽹页不同的是，扩展程序可以访问许多特定于浏览器的 API，这才是有趣的地⽅。
在本教程中，我将向你展⽰如何为 Chrome 构建⼀个能够改变新标签页⾏为的简单扩展。
这个扩展程序的 JavaScript 部分，我将使⽤ Vue.js 框架，因为它将允许我们快速启动并运⾏，⽽且⽤ vue ⼯作是很有趣的。
Chrome 扩展程序的基础知识Chrome扩展程序的核⼼部分是和。
manifest ⽂件采⽤JSON格式，提供有关扩展的重要信息，例如其版本、资源或所需的权限。
后台脚本允许扩展对特定的浏览器事件做出反应，例如创建新选项卡。
为了演⽰这些概念，让我们先写⼀个“Hello，World！” Chrome 扩展。
创建⼀个名为 hello-world-chrome 的新⽂件夹和两个⽂件：manifest.json 和 background.js：mkdir hello-world-chromecd hello-world-chrometouch manifest.json background.js打开 manifest.json 并添加以下代码：{"name": "Hello World Extension","version": "0.0.1","manifest_version": 2,"background": {"scripts": ["background.js"],"persistent": false}}name、version 和 manifest_version 都是必填字段。
如何用chrome扩展将网页变成黑底白字，用以保护视力
如何⽤chrome扩展将⽹页变成⿊底⽩字，⽤以保护视⼒不知道有没有科学依据，⾃⼰感觉⿊底⽩字对视⼒好些，于是动⼿加个chrome扩展：第⼀步：建个⽂件夹，名称⽐如叫changeColor;第⼆步：在changeColor⽂件夹中建三个⽂件：manifest.json 、 background.js 和 content_script.js第三步：编辑三个⽂件manifest.json放⼊以下代码{"name": "Page color","description": "Make the current page color","version": "2.0","permissions": ["activeTab"],"background": {"scripts": ["background.js"],"persistent": false},"browser_action": {"default_title": "change color"},"manifest_version": 2}background.js的代码// Copyright (c) 2011 The Chromium Authors. All rights reserved.// Use of this source code is governed by a BSD-style license that can be// found in the LICENSE file.// Called when the user clicks on the browser action.chrome.browserAction.onClicked.addListener(function(tab) {// No tabs or host permissions needed!console.log('Turning ' + tab.url + ' red!');chrome.tabs.executeScript(null, {file: "content_script.js"});});content_script.js代码document.body.style.backgroundColor="black";document.body.style.color="white";var myP = document.getElementsByTagName("p");for (var i=0;i<myP.length;i++){myP[i].style.backgroundColor = "black";myP[i].style.color = "white";};var myDiv = document.getElementsByTagName("div");for (var i=0;i<myDiv.length;i++){myDiv[i].style.backgroundColor = "black";myDiv[i].style.color = "white";};var myBlockquote = document.getElementsByTagName("blockquote");for (var i=0;i<myBlockquote.length;i++){myBlockquote[i].style.background = "grey";myBlockquote[i].style.color = "white";};var myA = document.getElementsByTagName("a");for (var i=0;i<myA.length;i++){myA[i].style.color = "white";};var myul = document.getElementsByTagName("ul");for (var i=0;i<myul.length;i++){myul[i].style.background = "black";myul[i].style.color = "white";};var myli = document.getElementsByTagName("li");for (var i=0;i<myli.length;i++){myli[i].style.background = "black";myli[i].style.color = "white";};var myspan = document.getElementsByTagName("span");for (var i=0;i<myspan.length;i++){myspan[i].style.background = "black";myspan[i].style.color = "white";};var mypre = document.getElementsByTagName("pre");for (var i=0;i<mypre.length;i++){mypre[i].style.background = "black";mypre[i].style.color = "white";};var mysection = document.getElementsByTagName("section");for (var i=0;i<mysection.length;i++){mysection[i].style.background = "black";mysection[i].style.color = "white";};var mytable = document.getElementsByTagName("table");for (var i=0;i<mytable.length;i++){mytable[i].style.background = "black";mytable[i].style.color = "white";};第四步打开chrome浏览器，在地址栏输⼊chrome://extensions 或者点最右边三个点-更多⼯具-扩展程序第五步钩选开发者模式，从资源管理器将changeColor⽂件夹拖放到扩展程序页⾯上或者点加载已解压的扩展程序也可。
浏览器扩展程序开发入门
chrome.extension(getURL , inIncognitoContext , lastError , onRequest , sendRequest) chrome.i18n chrome.runtime(connect , getManifest , getURL , id , onConnect , onMessage , sendMessage) chrome.storage
4.2. content-scripts
所谓 content-scripts， 其实就是 Chrome 插件中向页面注入脚本的一种形式 （虽然名为 script， 其实还可以包括 css 的），借助 content-scripts 我们可以实现通过配置的方式轻松向指定页 面注入 JS 和 CSS（如果需要动态注入，可以参考下文），最常见的比如：广告屏蔽、页面 CSS 定制，等等。 示例配置： { // 需要直接注入页面的 JS "content_scripts": [ { //"matches": ["http://*/*", "https://*/*"], // "<all_urls>" 表示匹配所有地址 "matches": ["<all_urls>"], // 多个 JS 按顺序注入 "js": ["js/jquery-1.8.3.js", "js/content-script.js"], // JS 的注入可以随便一点，但是 CSS 的注意就要千万小心了，因为一不小心就 可能影响全局样式 "css": ["css/custom.css"], // 代码注入的时间，可选值： "document_start", "document_end", or "document_idle"，最后一个表示页面空闲时，默认 document_idle
Chrome浏览器设置优化指南
Chrome浏览器设置优化指南作为目前最受欢迎的互联网浏览器之一，Google Chrome拥有强大的性能和丰富的功能。
然而，有时候我们可能会遇到一些问题，例如速度变慢、占用过多内存或者安全性问题等。
为了帮助你更好地使用Chrome浏览器，本文将为你提供一些优化设置的指南。
1. 清理浏览数据为了保持良好的浏览器性能，定期清理浏览数据是必要的。
在Chrome浏览器中，点击右上角的菜单按钮，选择“更多工具”然后再选择“清除浏览数据”。
在弹出的对话框中，你可以选择要清除的数据类型，例如浏览历史、缓存文件、下载记录等。
根据个人需求进行选择后，点击“清除数据”按钮即可。
2. 管理扩展程序Chrome浏览器的扩展程序给我们带来了很多便利，但过多的扩展程序可能会拖慢浏览器的运行速度。
因此，定期检查和管理扩展程序是很重要的。
点击右上角的菜单按钮，选择“更多工具”然后再选择“扩展程序”。
在打开的页面中，你可以看到所有已安装的扩展程序，并可根据需要启用或禁用它们。
3. 更新浏览器版本Google Chrome经常发布新版本，这些更新通常包含了一些性能优化和安全修复。
保持浏览器的最新版本对于获得最佳体验是很重要的。
点击右上角的菜单按钮，选择“帮助”然后再选择“关于Google Chrome”，浏览器将自动检查并下载可用的更新。
4. 启用预加载和预渲染为了提高浏览速度，Chrome浏览器提供了预加载和预渲染功能。
预加载功能会在浏览器后台自动加载下一个可能要访问的页面，从而提前准备好相关资源。
预渲染功能会在你输入网址之后，浏览器会自动加载并渲染该页面。
为了启用这些功能，点击右上角的菜单按钮，选择“设置”然后滚动到底部点击“高级设置”。
在“隐私和安全性”部分，找到“使用预加载页面”和“预渲染页面”选项，并将其打开。
5. 定制浏览器设置Chrome浏览器提供了丰富的个性化设置选项，可以帮助你根据自己的需求来优化浏览器。
点击右上角的菜单按钮，选择“设置”，你将看到各种设置选项。
开发自己的Chrome浏览器扩展程序
开发自己的Chrome浏览器扩展程序随着互联网的快速发展，我们每天都离不开浏览器，而谷歌的Chrome浏览器成为了很多人的首选。
然而，我们并不满足于只是使用一个浏览器，而是希望建立一个个性化的、更高效的浏览器环境。
在这方面，开发自己的Chrome浏览器扩展程序是一个非常好的选择。
一、认识Chrome浏览器扩展程序1. Chrome浏览器扩展程序是什么？- Chrome浏览器扩展程序是一种能够为Chrome浏览器添加额外功能的插件。
它们能够修改浏览器的界面、增加新的功能或者改善现有的功能。
2. 为什么要开发自己的扩展程序？- 自己开发扩展程序可以满足个性化需求，将浏览器调整为更符合自己使用习惯的工具。
- 可以提高工作效率，为特定任务定制扩展程序，使得工作更加高效。
- 可以学习编程和开发技能，提高自己的能力。
二、开发Chrome浏览器扩展程序的基本步骤1. 编写扩展程序的基本结构- 创建一个文件夹来存放扩展程序的相关文件。
- 在文件夹中创建一个名为manifest.json的文件，这是一个必要的文件，用于描述扩展程序的相关信息。
2. 了解manifest.json文件的结构- manifest.json文件包含了扩展程序的基本信息、权限和功能等。
- 必要的字段包括"name"（扩展程序的名称）、"version"（版本号）、"manifest_version"（manifest文件的版本号）等。
- 还可以包括"permissions"（扩展程序需要的权限）、"background"（后台脚本，用于处理扩展程序的逻辑）、"browser_action"（浏览器工具栏图标及点击行为）等字段。
3. 添加扩展程序的功能- 可以使用HTML、CSS和JavaScript等技术来为扩展程序添加功能。
chrome听书拓展
chrome听书拓展摘要：一、引言1.拓展程序的定义和作用2.Chrome浏览器在我国的广泛使用3.介绍“Chrome听书”拓展程序二、Chrome听书的功能特点1.便捷的听书体验2.海量有声资源3.个性化推荐与订阅4.支持多语言及方言三、Chrome听书的应用场景1.在线学习与教育2.充实休闲时光3.提高听力水平4.适应视障人士的需求四、Chrome听书的优势与不足1.优势：丰富资源、简单易用、高度自定义2.不足：部分功能需改进，如筛选和搜索功能五、总结1.Chrome听书拓展程序的总体评价2.对未来功能的期待与展望正文：随着互联网的普及，越来越多的人选择在线获取信息和娱乐。
其中，浏览器拓展程序成为了提升上网体验的重要工具。
作为我国广泛使用的浏览器之一，Chrome的拓展程序库中有一款名为“Chrome听书”的利器，为用户带来了便捷的听书体验。
“Chrome听书”是一款功能强大的听书拓展程序，它具有以下几个显著特点：1.便捷的听书体验：用户只需在Chrome浏览器上安装该拓展程序，即可实现一键听书。
它支持在线听书和下载后听书，满足了不同用户的需求。
2.海量有声资源：Chrome听书整合了各大有声平台的内容，包括小说、评书、相声、课程等，涵盖了多个领域和题材，为用户提供了丰富的选择。
3.个性化推荐与订阅：根据用户的听书习惯，Chrome听书会智能推荐相应的内容。
此外，用户还可以订阅喜欢的频道和主播，第一时间获取更新通知。
4.支持多语言及方言：Chrome听书内置了多种语言和方言的语音库，满足了不同用户的需求。
Chrome听书的应用场景非常广泛，包括但不限于：在线学习与教育、充实休闲时光、提高听力水平以及适应视障人士的需求。
然而，Chrome听书在某些方面仍有改进空间，如部分功能需进一步完善，如筛选和搜索功能。
总体而言，“Chrome听书”拓展程序凭借其丰富的有声资源、简单易用的操作界面和高度自定义的功能，为用户带来了极佳的听书体验。
chrome浏览器扩展程序的导出与导入
chrome浏览器扩展程序的导出与导⼊
导出
1. 扩展程序的安装路径
找到插件所在的⽂件夹。
默认位置未为
C:\Users\你的⽤户名\AppData\Local\Google\Chrome\User Data\Default\Extensions
也可以先找到chrome安装位置，再点“User Data”-"Default"--"Extensions"进⼊。
2. 查看浏览器已安装扩展程序
进⼊扩展程序的管理页⾯后，可以看到插件的ID.然后根据插件ID,在扩展程序的安装路径中查看对应的⽂件夹,⽂件夹名称和插件ID是对应的。
也可在电脑内部搜索。
3. 找到需要打包的扩展程序对应的⽂件夹。
4. 再次进⼊chrome扩展程序的管理页⾯。
在浏览器进⼊chrome://extensions/。
点击打包扩展程序即可。
出现如下弹框
选择刚刚看到的版本⽂件夹，点击打包扩展程序
此时，如下。
再打开crx ⽂件对应的路径。
此时，扩展程序已经导出。
导⼊安装
⽅式⼀: 可以采⽤拖拽的⽅式将crx⽂件直接拖到⽬标浏览器的扩展程序页⾯(需要再该页⾯的右上⾓打开开发者模式。
)但是这种⽅式，过⼀会就显⽰扩展程序损坏，⽆法继续使⽤。
⽅式⼆:
1. 将crx ⽂件的后缀改为rar。
然后解压。
2. 在⽬标浏览器的扩展程序界⾯，选择加载已解压的扩展程序。
选择解压后的⽂件夹即可。
如何在Chrome浏览器安装第三方扩展
近日 Google 的 Chrome 浏览器宣布从最新的 Chrome 21.x 以及更高的 Chrmoe 22. x 版本开始默认只允许从 Chrome Web Store 下载安装扩展程序， 而众多未登陆 Web St ore 的无论是扩展插件还是应用程序抑或 Greasemonkey 等 JS 脚本都被排除在外。
当然，按照官方给出的解释是处于安全考虑，而刚好最近被爆出的 Chrome Web Stor e 中的 Proxy Switchy Plus 汉化版等存在流氓行为也表明这项举措也无可厚非，但毕竟还 是给很多使用 Greasemonkey 或 Stylish 脚本的用户造成了很大的不便， 那么现在应当如何 在谷歌浏览器安装 Web Store 外的第三方扩展程序呢？下面有两个方法。
1. 直接本地安装 1. 下载扩展程序/脚本程序，将其保存在本地计算机内； 2. 将保存下来的 *.crx 文件或 *.js 文件直接拖拽到浏览器的“扩展程序”（chrome://chr ome/extensions/）页面。
( 注：只有拖动到此页面才能安装，其它页面无效) 3. 按照提示安装4. 安装成功2. 开发模式安装 也是先将扩展程序下载保存到本地，然后将下载来的文件后缀名 *.crx 改成 *.rar，这 样你就得到了一个压缩文件， 然后右键解压这个压缩文件得到一个文件夹。
然后在浏览器里 打开扩展程序页面（ chrome://settings/extensions），选中右上方开发人员模式复选框，然后 再点击左上方的”载入正在开发的扩展程序“按钮， 选中刚刚解压出来的文件夹然后点确定即 可。
3. 开启浏览器支持 右击 Chrome 桌面快捷方式，选择-"属性"-"快捷方式"，然后在"目标"一栏尾部添加参 数 --enable-easy-off-store-extension-install ，然后再运行浏览器就可以像以前那样正常安装 Web Store 之外的第三方扩展应用及脚本程序了。
Chrome插件开发示例
Chrome插件开发⽰例前⾔我们常称的 Chrome 插件（Chrome Extension）是指 Chrome 扩展程序，它的作⽤是增强浏览器功能。
通常在Chrome商店中下载的扩展是.crx后缀的压缩包，安装插件可以以压缩包形式安装，当你开启开发者模式的时候，也可以加载已解压的扩展程序，即⾄少包含⼀个manifest.json⽂件和⼀个 html 或者 js ⽂件的的⽂件夹。
Chrome插件提供了很多实⽤API供我们使⽤，包括但不限于：书签控制、下载控制、窗⼝控制、标签控制、⽹络请求控制，各类事件监听、⾃定义原⽣菜单、完善的通信机制等。
本⽂多图预警Talk is cheap. Show me the code.⼀、⼀个最简单的 Chrome 扩展的组成⽰例此⽰例由⼀个manifest.json⽂件和html⽂件和⼀个png图⽚⽂件组成，是⼀个git 提交的emoji速查⼯具，功能⾮常的简单，就是点击弹出⼀个html页⾯（下图），以达到速查的⽬的，html⾥可以替换成任何你想要的内容。
下载这份代码，在 Chrome ⾥的扩展程序⾥打开开发者模式，加载已解压的扩展程序即可体验manifest.json 基本配置{"manifest_version": 2, // 必填⽤整数表⽰manifest⽂件⾃⾝格式的版本号。
从Chrome 18开始，manifest_version就是2了"name": "git commit emoji速查", // 必填⽤来标识扩展的简短纯⽂本。
这个⽂字将出现在安装对话框，扩展管理界⾯，和store⾥⾯"description": "git commit emoji对照表", // 描述扩种的⼀段字符串（不能是html或者其他格式，不能超过132个字符）"version": "1.0.0", // 必填"browser_action": { // ⼀个 browser action 可以拥有⼀个图标，⼀个tooltip，⼀个badge和⼀个popup。
34个谷歌浏览器扩展程序推荐
34个谷歌浏览器扩展程序推荐1、Lookup Companion for Wikipedia。
维基百科用户必备扩展2、AdBlock。
最流行的Chrome扩展！针对Chrome的AdBlock！阻止所有网页上的所有广告，甚至Facebook，YouTube和Hulu的。
它的工作原理自动：只需点击“添加到Chrome浏览器”，然后访问您喜爱的网站，看到的广告消失！3、CC (云宝箱)各种精彩应用，支持云同步去看图管理标签，还原浏览标签集，扩展管理，翻页翻面，批量下载，云购物，传图片，听音乐，看视频，发说说与微博，万年历，网址收藏，查快递，查发票, 网络搜索，浏览器功能快捷导航，网页个性化配置提高上网操作效率及互联体验4、网页截图:注释&批注。
捕获整个页面或任何部分，矩形，圆形，箭头，线条和文字，模糊敏感信息，一键上传分享注释。
支持PNG和链接，相当的好用！5、CrxMouse。
原名:Gestures for Chrome(TM)汉化版.方便,快捷,充分发掘鼠标的所有操作.功能包括:鼠标手势,超级拖曳,滚轮手势,摇杆手势,平滑滚动,标签页列表等。
6、自动隐藏下载栏。
使用Chrome下载文件的时候，下载栏都会在窗口下方自动出现，占据你不小的画面，你只能手动关闭，但之后再下载，这个下载栏又会出现，很是烦人。
7、百度贴吧助手。
百度贴吧自动签到，自定义表情，阅读魔法书，翻转帖子中图片，设置朋友昵称，自定义背景图，一键换号，大召唤系统，吧务工具扫描广告贴，等等。
8、Google翻译。
为选择文本的右键菜单增加谷歌翻译,支持页内划词翻译。
9、FaWave(发微)发微(FaWave)，Chrome上的微博插件，支持多微博，真正的实时同步发送微博，多微博发送不再烦。
目前支持的微博有腾讯微博(qq)、新浪微博(sina)、搜狐微博(sohu)、饭否、做啥、嘀咕(digu)、人间网、雷猴、豆瓣、Google Buzz、网易微博(163)。
如何清理电脑浏览器中的插件和扩展
如何清理电脑浏览器中的插件和扩展电脑浏览器中的插件和扩展是为了增加浏览器功能和提供额外服务而设计的。
然而，过多的插件和扩展不仅会占用浏览器资源，还可能导致浏览器的运行速度变慢甚至不稳定。
因此，定期清理电脑浏览器中的插件和扩展是非常重要的。
本文将介绍如何清理电脑浏览器中的插件和扩展，以帮助您提升浏览器性能。
一、Google Chrome浏览器Google Chrome是目前最常用的浏览器之一。
下面是在Google Chrome浏览器中清理插件和扩展的步骤：1. 打开Google Chrome浏览器，点击右上角的菜单按钮（三个竖点图标）。
2. 在下拉菜单中选择“更多工具”，然后选择“扩展程序”。
3. 在“扩展程序”页面，您将看到已安装的所有插件和扩展。
您可以通过点击插件和扩展旁边的垃圾桶图标来删除不需要的插件和扩展。
4. 在删除插件和扩展之前，建议您先仔细了解它们的功能和使用情况。
如果您不确定是否需要它们，请查找相关信息或咨询专业人士。
二、Mozilla Firefox浏览器Mozilla Firefox是另一款受欢迎的浏览器。
下面是在Mozilla Firefox 浏览器中清理插件和扩展的步骤：1. 打开Mozilla Firefox浏览器，点击右上角的菜单按钮（三条横线图标）。
2. 在下拉菜单中选择“附加组件”。
3. 在“附加组件”页面，选择“扩展”选项卡。
您将看到已安装的所有插件和扩展。
4. 对于不需要的插件和扩展，可以点击右侧的“移除”按钮来删除它们。
三、Microsoft Edge浏览器Microsoft Edge是Windows 10操作系统的默认浏览器。
下面是在Microsoft Edge浏览器中清理插件和扩展的步骤：1. 打开Microsoft Edge浏览器，点击右上角的菜单按钮（三个点图标）。
2. 在下拉菜单中选择“扩展”。
3. 在“扩展”页面，您将看到已安装的所有插件和扩展。
4. 对于不需要的插件和扩展，可以点击插件和扩展下方的“卸载”按钮来删除它们。
Chrome插件开发，入门Demo
Chrome插件开发，⼊门Demo1、Chrome扩展⽂件Chrome扩展⽂件以.crx为后缀名，在Google Chrome扩展官⽅⽹站下载扩展时，Chrome会将.crx⽂件下载到Chrome的Application Data⽂件夹的User Data\Temp下，⼀般是C:\Documents and Settings\User\Local Settings\Application Data\Google\Chrome\UserData\Temp，安装完成或者取消安装，该⽂件就会被删除。
.crx实际上是⼀个压缩⽂件，使⽤解压⽂件打开这个⽂件就可以看到其中的⽂件⽬录，下图中是“关灯看视频”扩展的截图：因此可以认为，我们实际上就是写⼀个Web应⽤，然后将按照Chrome的规定将⼀个快捷⽅式放在Chrome⼯具栏上。
2、Chrome例⼦准备⼀个icon图⽚，⽤来显⽰在浏览器右上⾓的图标，如：创建 manifest.json 插件描述⽂件：1. {2. "name": "收益率计算",3. "version": "0.0.1",4. "manifest_version": 2,5. // 简单描述6. "description": "累加优惠券后计算最终实际收益率",7.8. "icons": {9. "16": "images/icon16.png"10. },11.12. // 浏览器⼩图表部分13. "browser_action": {14. "default_title": "收益率计算",15. "default_icon": "images/icon16.png",16. "default_popup": "html/calc.html"17. },18.19. // 引⼊脚本，content script 是运⾏在⼀个被称为isolated world 的运⾏环境⾥，20. // 和页⾯上的脚本互不⼲扰，因为不在⼀个运⾏环境⾥，所以也⽆法调⽤页⾯上脚本定义的⽅法了21. "content_scripts": [22. {23. "js": ["scripts/include.js"],24. // 满⾜什么条件下使⽤该脚本25. "matches": [26. //"http://*/*",27. //"https://*/*"28. "http://*/*",29. "https://*/*"30. ],31. // 什么情况下运⾏【指定⽂档何时加载脚本 document_start\document_end\document_idel】32. "run_at": "document_end"33. }34. ],35. // 应⽤协议页⾯36. "permissions": [37. "http://*/*",38. "https://*/*"39. ],40. "content_security_policy": "script-src 'self'; object-src 'self'"41. }创建弹出框HTML页⾯ calc.html：1. <!DOCTYPE html>2. <html>3. <head>4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5. <title>收益率计算器</title>6.7. </head>8. <body>9. 本⾦：<input id="benjin" value="30000"/><br/>10. 收益率：<input id="lilv1" value="0.08"/><br/>11. 投资期限(天)：<input id="days" value="90"/><br/>12. 优惠券⾦额：<input id="coupon" value="450"/><br/>13. 最终收益率：<input id="lilv2" readonly="true" /><br/>14. <input id="calcBtn" type="button" value="计算" /><br/>15. <script src="../scripts/jquery-1.12.3.min.js"></script>16. <script src="../scripts/app.js"></script>17. </body>18. </html>创建引⼊的app.js⽂件：其中 jquery-1.12.3.min.js 为 jquery 库。
Chromium扩展(Extension)的页面(Page)加载过程分析
Chromium扩展（Extension）的页面（Page）加载过程分析Chromium的Extension Page其实就是网页，因此它们的加载过程与普通网页相同。
常见的Extension Page有Background Page和Popup Page。
其中，Background Page在浏览器窗口初始化完成后自动加载，之后运行在后台中。
Popup Page在用户点击地址栏右边的按钮时加载，并且显示在弹窗中。
本文接下来就分析Extension Page的加载过程。
Extension Page是加载在Extension Process中的，如图1所示：Extension Process实际上就是Render Process。
Chromium的Content层向外提供了一个WebContents类，通过调用这个类的静态成员函数Create就可以在一个Extension Process加载一个指定的Extension Page。
Background Page是一个特殊的网页，它的内容是空的，不过包含有一个background.js。
这个background.js是在Extension的清单文件中指定的。
Popup Page则与普通网页是一样的，它既可以包含有UI元素，也可以包含JavaScript脚本。
接下来，我们就结合源代码，先分析Background Page的加载过程，再分析Popup Page 的加载过程。
Chromium的chrome模块会创建一个ChromeNotificationObserver对象，用来监听每一个新打开的浏览器窗口的NOTIFICATION_BROWSER_WINDOW_READY事件。
这时候上述ChromeNotificationObserver对象的成员函数OnBrowserWindowReady会被调用，如下所示：[cpp] view plain copy 在CODE上查看代码片派生到我的代码片void ChromeNotificationObserver::OnBrowserWindowReady(Browser* browser) {Profile* profile = browser->profile();......extensions::ProcessManager* manager =ExtensionSystem::Get(profile)->process_manager();......manager->OnBrowserWindowReady();......}这个函数定义在文件external/chromium_org/chrome/browser/extensions/chrome_notification_中。
Google的扩展程序
下面是个人认为非常好用的几个谷歌浏览器Google Chrome扩展程序（extensions）。
好长时间没用Google Chrome（谷歌浏览器）, 因为老是有各种各样的毛病，而且不能像Firefox那样找到称心的扩展。
今天心血来潮，装了Chrome 5.0.396，发现原来可以放弃Firefox了。
AdBlock- 非常经典的广告过滤程序。
可以自定义黑名单和白名单。
Chrowety - 谷歌浏览器的推特客户端，感觉和Firefox的twitterfox类似，可以自定义API 以及显示效果，非常好用。
Click&Clean–一键清除Chrome浏览历史等网络痕迹.
Docs PDF/PowerPoint Viewer（由Google 提供）- 在Google 文档查看器中自动预览PDF 文件、PowerPoint 演示文稿和其它文档。
IE Tab–用Chorme标签中用IE浏览网页，非常有用哦
Minimize Chrome to tray–将Chrome 最小化到系统托盘.
My Shortcuts–可以自定义网址的快捷方式，一键打开、新建Gmail, google docs等，支持自定义。
One Number–自动检查GMail, Google Reader, Google Voice, and Google Wave新消息，显示数量.
Proxy Switchy!–非常方便和快捷地管理和切换代理，非常好用。
有道词典Chrome划词插件–支持Chrome浏览器的划词翻译
迅雷、快车、旋风专用链自动破解–自动把页面里的迅雷,快车Flashget,旋风链接替换为真实地址,使用你自己喜欢的下载方式来下载.。
使用网站扩展工具(如Wordress插件或Chrome扩展程序)增强网站功能和用户体验的方法和推荐
使用网站扩展工具（如Wordress插件或Chrome扩展程序）增强网站功能和用户体验的方法和推荐使用网站扩展工具（如WordPress插件或Chrome扩展程序）增强网站功能和用户体验的方法和推荐随着互联网的不断发展，网站已经成为了许多企事业单位以及个人展示自身形象、推广产品和服务的重要渠道。
为了有竞争力地吸引和留住用户，提供优质的用户体验和功能是至关重要的。
而使用网站扩展工具是实现这一目标的有效途径。
本文将介绍一些常见的网站扩展工具，并分享一些方法和推荐，以帮助您增强网站的功能和用户体验。
一、WordPress插件的使用1. SEO优化插件：SEO是网站优化的重要环节，可以帮助提升网站在搜索引擎中的排名。
推荐使用WordPress插件中的Yoast SEO或Allin One SEO Pack等来优化网站的标题、描述、关键词等元数据，还可以进行网页内容的分析和优化建议。
2. 社交分享插件：社交媒体的影响力越来越大，通过添加社交分享插件，用户可以方便地将网站内容分享至各大社交平台，扩大网站的曝光和传播。
推荐使用WordPress插件中的Social Warfare或AddThis等插件。
3. 缓存插件：高速加载是用户体验的重要因素之一。
使用缓存插件可以将网站的静态文件缓存到用户的本地，加快网站的加载速度。
推荐使用WordPress插件中的WP Super Cache或W3 Total Cache等插件。
二、Chrome扩展程序的使用1. AdBlock Plus：广告屏蔽插件可以有效地阻止网页中的广告内容，提升用户浏览网站的体验。
AdBlock Plus是一款功能强大的广告屏蔽插件，可以自由地选择屏蔽广告的范围。
2. LastPass：密码管理是保护用户账户安全的重要环节。
LastPass是一款密码管理器，可以安全地储存和自动填充各类密码，避免用户因为繁琐的密码操作而影响网站使用体验。
3. Honey：Honey是一款自动搜索优惠券的插件，在用户进行网上购物时，它会自动搜索并提供可使用的优惠券，帮助用户节省更多的金钱。
在Chrome浏览器中管理插件和扩展程序
在Chrome浏览器中管理插件和扩展程序第一章：插件和扩展程序的作用及安装方式Chrome浏览器作为全球最受欢迎的浏览器之一，其强大的扩展程序和插件功能为用户提供了更多的个性化体验和功能拓展。
插件和扩展程序可以增加浏览器的功能，包括增强网页浏览、提高工作效率、改善隐私和安全等。
在Chrome浏览器中，可以通过多种方式来安装插件和扩展程序。
插件和扩展程序可以通过Chrome网上应用商店来安装。
只需在Chrome浏览器中输入 "chrome://extensions/"，进入扩展页面，点击左上角的 "打开Chrome Web Store"，即可进入应用商店。
在应用商店中，用户可根据需求搜索插件和扩展程序，并点击 "添加至Chrome" 安装使用。
第二章：插件和扩展程序管理的基本方法Chrome浏览器提供了简单方便的管理方式，使用户可以灵活控制插件和扩展程序的安装和卸载。
在 "chrome://extensions/" 页面，用户可以看到已安装的插件和扩展程序的列表，并可以对其进行相关操作。
对于已安装的插件和扩展程序，用户可以通过开关按钮来启用或禁用它们。
在该页面中，用户还可以对插件和扩展程序进行更新和删除操作。
为了更好地管理已安装的插件和扩展程序，用户还可以使用分组功能，将其按类别进行整理。
第三章：常用的插件和扩展程序推荐Chrome浏览器拥有众多的插件和扩展程序，涵盖了各个领域的需求。
以下介绍几款常用的插件和扩展程序，以供参考。
1. AdBlock Plus：广告拦截器，可自动屏蔽网页中的广告，提供更清爽的浏览体验。
2. Grammarly：拼写和语法检查工具，在写作过程中帮助用户纠正拼写和语法错误。
3. LastPass：密码管理工具，可以存储和管理用户的各类密码，提供方便的自动登录功能。
4. Pocket：稍后阅读工具，可以将感兴趣的文章保存到个人阅读列表，随时阅读。
很多朋友在安装Google chrome 扩展程序会出现如下失败提示
很多朋友在安装Google chrome 扩展程序会出现如下失败提示：扩展程序安装失败—————————Could not create directory for unzipping: C:\Documents and Settings\Q\Local Settings\Application Data\Google\Chrome\User Data\Temp\scoped_dir_10063\CRX_INSTALL原因：来源是Chrome的bug无法确认你是以管理员身份登录操作系统。
解决方法11. 不要直接点安装，通过右键另存为保存到你的硬盘上。
2.把程序的扩展名从“.crx” 改变到“.zip或rar”.3. 在解压程序中打开. (例如WinRAR)4. 把文件夹放到你的硬盘目录下5. 在谷歌浏览器的地址栏输入“chrome://extensions/” 进入6. 选择“开发人员模式” 图标, 之后点击“载入未完成的开发包” 按钮7. 浏览第四步中的文件夹，之后点击确定.解决方法2（主要基于 Win7 系统来介绍，其他版本类似）1. 打开开始菜单，右键单击“计算机”（XP 里叫“我的电脑”），菜单中单击“属性”；2. 窗口左侧单击“高级系统设置”（XP 直接进“高级”选项卡）；3. 最下方单击按钮“环境变量”；4. 在上方的“……用户变量”的框中，找到“TEMP”和“TMP”两个变量，记住它们的值（用纸或记事本都行）；5. 分别编辑这两个变量的值为“c:\windows\temp”。
注意：这只是个示例路径，只要你能保证填写的路径可读可写且空间足够即可。
6. 修改后，在下方单击按钮“确定”；7. 回到 Chrome 中去安装扩展，这下应该能成功了；8. 安装完扩展程序后，一定要记得还原这两个临时路径变量，重复上面的操作，将两个变量还原为修改前的值。
v。
Chrome浏览器扩展程序的本地备份
Chrome浏览器扩展程序的本地备份
展开全文
由于众所周知的原因，有些朋友可能很难在线下载Chrome扩展程序。
一种选择是可以让朋友把他成功安装的Chrome扩展程序导出成本地文件，然后让朋友发送给自己，在自己本地电脑上报这些本地文件直接拖到Chrome扩展程序设置页面上，这样无需网络，也能实现扩展程序的离线安装。
本文介绍如何在一台已经安装了某个Chrome扩展程序的电脑上，将Chrome扩展程序导出成本地文件。
大家在自己Chrome浏览器扩展应用设置界面，一定看到过每个扩展应用有一个ID，由大量小写字母组成。
其实这些扩展应用都存储在本地这个文件夹里：
C:Users<您的用户名>AppDataLocalGoogleChromeUser DataDefaultExtensions:
要备份这些文件夹，只需在Chrome里点击按钮“Pack extension”：
Extension root directory选择这些文件夹，按照提示即可。
最后保存到本地的Chrome扩展应用的格式为crx和pem.
把这些crx和pem发给你的朋友，他们就可以离线安装了。
要获取更多Jerry的原创文章，请关注公众号"汪子熙":。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
时下很多人都用上了Google Chrome浏览器，这款目前世界上最快的浏览器既简洁又高效，用来上网冲浪还真是不错。
不过好马也得配好鞍，和很多非IE核心浏览器一样，Chrome也需要利用插件扩展自己的能耐。
下面就是笔者精心挑选的75款实用插件，感兴趣的不妨慢慢往下看吧!1. 搞定网银—— IE Tab虽说网页标准化已经实行多年，可事实上出于安全性或其他考虑，很多特殊的站点(如网上银行)仍旧只能用IE打开。
而这款插件的最大好处，就是能够在Chrome中直接生成一个IE内核标签。
插件装好后会自动在地址栏右侧生成一个按钮，每次点击都能产生一个空白IE标签，在这个标签中拥有一套独立的地址栏及工具栏，打开的网页将享受到与IE一样的服务。
此外它还有一个很人性化的考虑，那就是可以将当前页面设为“自动启动”(工具栏左数第2个按钮)，换句话说当我们再次打开相同页面时，Chrome将自动以IE模式打开。
图1 IE Tab插件下载网址：/utilities/ie-tab/2. 鼠标手势—— Chrome G estures鼠标手势就不用我多解释了吧，安装这款插件后，Chrome便能在鼠标的“指挥”下完成很多特定操作。
除了能够显示出鼠标的轨迹，一个很人性化的设计就是提供了手势功能提示，于是我们便可以在操作时随时掌握即将发生的任务。
而且这款插件还有一个特别之处，那就是实现了超级拖拽(即利用拖拽在新标签页中打开链接或文本搜索)，进入“扩展程序”→“Chrome Gestures”→“选项”后即可找到这项功能。
此外我们也能对默认手势进行修改，甚至为“链接”或“文字”拖拽指定不同的动作(超级拖拽)。
图2 鼠标手势下载网址：/appearance-functioning/smooth-gestures/3. 超级拖拽—— Super Drag相信很多网友对国产浏览器的拖拽打开深有印象，这款插件便是能实现同样功能的。
使用方法：将你要的链接或选定的文字拖拽一下，便能以新标签打开，或者为其展开搜索。
图3 超级拖拽下载网址：/tabs/super-drag-and-go/4. 撤销关闭网页—— Sexy Undo Close Tab常在网上走，误关闭网页是常有的事，于是这款能够撤销关闭网页的小插件便应运而生。
安装好后会在地址栏右侧生成一个小按钮，点击后便能列出最近关闭的网页，同时这里还提示了每个页面的关闭时间，能够帮助用户更好地辨识。
不过它也有一个很大的问题，那就是关闭Chrome后列表将自动清空。
图4 已关闭网页列表下载网址：/content/46744.html5. 气泡翻译——Bubble Translate很多网友都领教过Chrome无法使用翻译软件的尴尬，反正笔者测试过的金山词霸、灵格斯肯定没有办法。
于是便有高人想出了这样一个主意，即用Google Translate翻译Chrome上的文字，估计这大概也算是“以彼之矛攻彼之盾”了。
插件的使用非常简单，安装好后会自动打开设置窗口，其中最关键的就是翻译热键的选择(默认为“Ctrl+选择”)，我们可以根据习惯指定相关快捷键。
同时它的使用也很方便，只要按下快捷键并用鼠标勾选，即可弹出勾选区域的翻译。
此外它还提供了网页全屏翻译，当然使用的也是Google Translate。
图5 气泡翻译下载网址：/language-translators/bubble-translate/6. 自动翻页—— AutoPager Chrome很多网友都见识过Bing的无限图片搜索，啥时候咱们Google也能体验一把呢?如今Firefox上鼎鼎大名的AutoPager也推出Chrome版本了。
有了这款小插件，我们便可以提前体验到这项技术的神奇了。
值得一提的是，这款插件几乎可以作用于搜索引擎、普通网页、论坛帖子……甚至，某些你想象不到的页面哦。
图6 自动接续下一页下载地址：/content/47333.html7. 屏蔽动态广告—— FlashBlock我们常去的网站上面往往都有许多广告，尤其是Flash广告，很容易使浏览器变得“很卡”，要是在低配置的机器上更容易造成CPU高负载。
这款插件的用途便是解决这些负担的。
而如果要启用这个Flash，只需在该位置点击一下就可以了。
图7 已屏蔽的Flash广告下载网址：/appearance-functioning/flashblock/8. GMail提醒—— G oogle Mail Checker Plus事实上Gmail提醒并不是什么新鲜话题，在官方的扩展网站上也有很多类似的扩展。
之所以选择它，除了因为可以实时报告Gmail中的新邮件外，最大一个特点是能够直接进行邮件预览。
而且除此之外，我们还可以通过预览栏快速完成“标识已读”、“一键删除”、“邮件回复”、“邮件展开(默认只会显示一部分内容)”等常用操作，甚至可以在这里直接完成新邮件撰写!图8 预览邮件内容图9 可以直接新建邮件下载网址：/alerts-updates/gmail-checker/9. 快速拨号—— Speed Dial虽说很早以前，Chrome就加入了“快速拨号”(Speed Dial)，不过实在难用，最多只能保存八个网页。
而这款Speed Dial就好像是原版Speed Dial的一次“升级”，能够最多容纳48组常用网站(可由用户自行定义)，而且它的一大亮点是允许用户自行更换面板背景。
此外像原版中颇受好评的“书签栏”、“最近关闭标签”依旧保留，只不过可以由用户自行决定是否显示。
图10 效果很酷吧!下载地址：https:///extensions/detail/dgpdioedihjhncjafcpgbbjdpbbkikmi10. 迅雷/快车/旋风专用链转换—— Private Link Support* 推荐指数：★★★★★* 功能概述：自动转换迅雷/快车/旋风专用链为真实地址如今到处都是各种专用链接，什么快车专用、迅雷专用、旋风专用……，难道上个网也要装这么多下载软件?为了不再遭受专用链的逼迫，笔者找到了这么一款小插件。
它的使用很简单，每当遇到专用链时，只需点击地址栏右侧“Show Virtual Link”菜单中对应的相关按钮，眨眼间插件便会自动将链接替换为真实地址。
当然如果你嫌麻烦，也可以直接勾选最下方的“Auto convert”复选框，从而实现链接自动转换一劳永逸!图11 专用链转换11. 天气预报——China Weather* 推荐指数：★★★★* 功能概述：实时显示天气情况(国产扩展)在Chrome的官方扩展站有很多天气插件，不过大多都是老外设计，无论操作习惯还是数据时效性方面都不够理想。
而这款China Weather则是一位国内作者的作品，安装完成后便会在按钮中显示出实时气温(默认为北京)，同时它还会每隔20分钟(可修改)自动刷新一次。
除了允许鼠标悬停获取更详细的描述外，我们还可以左键点击查看三日内的气象预报。
图12 实时天气12. 幻灯看图片—— Slideshow* 推荐指数：★★★* 功能概述：用幻灯片显示图片结果由于尺寸偏小，当我们在搜索结果中查看图片时(尤其是壁纸)，总是没有什么震撼感。
而这款小插件的最大作用就是能够将搜索结果中的图片以幻灯片形式列出，同时显示结果还会根据窗口大小自行调整。
目前该插件已经可以支持Google Images(英文版)、Flickr、Picasa网上相册等多项服务，总之还是很好用的，如果非要我说出什么缺点的话，那就是不支持热键，使得照片切换有些麻烦!图13 用幻灯片查看搜索结果下载地址：https:///extensions/detail/hijbjhjjipenfibfbleadidijdimlpmk13. 标签地图—— Tab Jump* 推荐指数：★★★★* 功能概述：最近关闭标签列表、最常打开标签列表、当前标签的上级再上级……这项插件可是太实用了，功能大体分为三类，一是显示最近关闭网页、二是展现网页从属关系、三是显示最常使用页面。
安装好后，会在地址栏右侧生成一个红色箭头，点击后即可弹出标签面板(其实我更喜欢叫它“标签地图”)。
比如我们想直接跳转到当前页的最初链接，便可以直接点击“Related”标签下的“戈拿旺巴西烤肉(朝外店)(图)_北京_大众点……”，同理也可以快速调出刚刚关闭的网页。
图14 很方便的“标签地图”此外它还有一个很实用的设计，那就是锁定当前页面，如果感觉某一网页比较重要不希望误关时，只需点击一下“标签地图”右上角的“加锁”图标，这时插件便会在网页关闭前弹出一个提醒!图15 关闭锁定网页提示下载地址：/content/46750.html14. 搜索引擎网站预览—— Google Preview* 推荐指数：★★★* 功能概述：搜索结果中显示网站预览搜索一个网站，可找出来的都是垃圾怎么办?这款名为“Google Preview”的小插件，就能帮助我们解决这个难题。
其实它的功能特别简单，就是在每个搜索结果前面自动插入网站截图。
不过效果还是不言而喻的，那就是很多垃圾站点都能在打开前一目了然，至少笔者觉得还是很好用的。
图16 网页预览效果网址：/utilities/tabs preview/15. 多重搜索—— Browse Faster* 推荐指数：★★★★★* 功能概述：搜索结果二次搜索、多引擎搜索作为自家产品，Chrome显然对Google大肆偏爱，无论是首页还是默认搜索引擎，都被设成了Google。
不过正所谓尺有所长、寸有所短，很多时候我们的确需要更多的搜索引擎。
于是这款小插件应运而生，它的最大特点是能够快速利用不同搜索引擎查找同一关键词。
使用时只需用鼠标将目标词选中，这时一个小面板便会弹出。
点击不同的图标即可通过该引擎展开搜索。
同时这款插件还在每个搜索页上方插入了一块搜索面板，方便用户二次切换搜索引擎。
PS：插件允许通过选项自定义引擎列表。
图17 多引擎选择图18 可以二次搜索16. 日程提醒—— TimeManager* 推荐指数：★★★* 功能概述：定时提醒、弹窗提醒坐在电脑前，时间总是不太禁过，于是这款名为Time Manager的小插件便进入了笔者视野。
和其他提醒软件相比，Time Manager最大的特点是日程添加比较容易，共提供了“按倒计时”和“按目标时间”两种添加方案。
同时时间选择器的设计也很独道，点击两下鼠标就能搞定。
此外为了不延误一些重要事项，这里还特别加入了弹窗提醒，感兴趣的不妨试一试吧!图19 日程提醒图20 弹窗效果17. 显示下一任务到时—— Google Calendar Checker* 推荐指数：★★★★* 功能概述：显示Google Calendar下一任务倒计时相信很多网友都在使用Google Calendar制订日程，虽说我们可以为重要的日程加入提醒，但提醒出现时往往也是日程到期时。