原文来自: http://marinzou.blogbus.com/logs/74915478.html
Buzz里的一条回复更新顶起了一个旧贴,是一位Chrome同好关于制作某个chrome扩展的呼吁。记得当时看过,心里也激荡了一小下创造的热情,不过当时什么都一团糟,所以在未知的chrome扩展的学习难度前止步,此念遂放下心头,置之度外。今天旧念重温,大概是因为工作进入了一个新阶段且较有进展而导致心情大好,这次创造的热情挟着我搜索、阅读了一些扩展制作的基本知识,现将笔记记录于下。是官方资料承蒙各位网友的辛苦劳动的翻译稿,感觉讲得不太深入,仅涉及布局,而具体API的调用基本没讲。不过里面关于设计的一般性原则挺有价值。
概述,原文见http://dev.chromechina.com/thread-2255-1-1.html。
1. Chrome扩展的组成文件:manifest文件(主文件,json格式);至少一个HTML文件(主题可以没有HTML文件);JavaScript文件(可选);任何其他你需要的文件(比如图标图片)。
2. 一般来说,文件调用形式为相对地址调用,类似HTML。当使用Google Chrome debugger时,文件的地址为下列格式:chrome-extension://<extensionID>/<pathToFile>,其中<extensionID>是所在扩展的唯一标示符,即其id;<pathToFile>是文件相对扩展根目录的位置。
3. 主文件取名manifest.json,用来描述这个扩展,包括扩展名字、版本、调用的文件、可用域等信息。
4. 绝大部分扩展有一个非显式的background文件控制着整个扩展的运行,即background.html,内涵javascript脚本以控制浏览器行为。对于html文件,可调用chrome.tabs.create()或window.open()以显示之。同一扩展的HTML文件可以互相访问DOM结构,引用其内定义的函数。
5. 如果需要和网页交互,则需要一个内容脚本(Content script),常由JavaScript编写,在网页载入完成后调用。可将内容脚本看做是网页的一部分,而非直接隶属于扩展。
6. 扩展的所有文件都由同一个进程执行,网页能够直接给其他页面发送命令。一旦页面中引用了另外的页面,第一个页面就可以调用其他页面的函数,甚至控制DOM。引用扩展中的方法可以用诸如getViews()或者getBackgroundPage()这些chrome.extension方法。
浏览器行为,原文见http://dev.chromechina.com/thread-2307-1-1.html。
7. Browser Actions主要负责在Chrome地址栏右侧添加扩展的图标,此外还可以设置提示文字、图标标记、弹出窗口,这部分内容需在manifest.json中写出。
8. Browser Action内容中必须指定图标,可以用default_icon语句,也可以调用setIcon()函数。图片可用静态图片或HTML中的canvas元素,图标在浏览器中总是可见的。静态图片可以是任意常见格式的图片,包括BMP,GIF,ICO,JPEG和PNG。图片不论大小,均被浏览器缩放成19 px*19 px。
9. 一个小技巧是将图标边缘使用alpha透明,这样的话可以融合到各种不同的浏览器主题里。
10. 提示文字是指将鼠标移到扩展图标上显示的文字,其设置可用用default_title定义,也可以调用setTitle()函数。
11. 图标标记是指覆盖在扩展图标上的一些文字,比如Gmail提醒扩展图标上未读邮件数等,最多容纳4个字母。设置标记文字或者背景可以分别调用函数setBadgeText()和setBadgeBackgroundColor()。
12. 点击扩展弹出小窗的行为也由Browser Action定义,可用default_popup定义某个html文件为默认弹出窗口的html脚本,当然也可以调用函数:setPopup()。
13. 仅在小部分页面起作用的话就不要用browser action,而是用page actions。
选项页面,原文见http://dev.chromechina.com/thread-2377-1-1.html。
14. 选项页面(Options Page)用于让用户自定义扩展。选项页需要在manifest中定义,格式是: “"options_page": "options.html",”,这样就把options.html指定为选项页面了,然后编写options.html脚本即可。
重置页面,原文见http://dev.chromechina.com/thread-2456-1-1.html。
15. 重置页面(override page)即用于替换Google Chrome默认新标签页的自制页面。在manifest中定义, 如:"chrome_url_overrides": {"newtab": "newtab.html"},”(注意格式),其中新标签页为newtab.html。
16. 重置页面设计的几个原则:保持页面简洁,使得能够快速加载;写入代码:<title>New Tab's Name</title>,确保有<title>标签;让用户新建标签页的时候键盘焦点在地址栏而非页面上;不要模仿默认的新标签页面,以免迷惑用户。
页面行为,原文见http://dev.chromechina.com/thread-2532-1-1.html。
17. 页面行为(Page Action)仅在当前页面内可用,也需在manifest中定义,格式如:“{"page_action": {"default_icon": "icons/foo.png","default_title": "Do action","default_popup": "popup.html"},”。
18. 与浏览器行为不同(参8),页面行为的图标可在显示/隐藏间切换。默认情况下,地址栏图标是隐藏的。可用函数show()和hide()分别使地址栏图标显示和隐藏。调用show()时必须指定在哪些标签页上显示。
19. 使用页面行为的一些原则:在大部分页面起作用的功能请使用扩展图标;使用比扩展图标更小的图标,一般来说为19 px,且边缘带有模糊效果;不要总是激活图标,否则很讨厌。
事件,原文见http://dev.chromechina.com/thread-2854-1-1.html。
20. 事件(Event)即当某些行为发生所触发的函数,这些行为包括打开新标签、点击按钮之类。事件的添加和绑定通过addListener()进行,addListener()用于注册行为的那个函数,此外还有removeListener(function callback(...))和hasListener(function callback(...))等。
目前就翻译到这里,另有一个交流会的优酷视频,稍看了一下,觉得present得不好,没看。下一步准备开始读那个加入了很久但是一直在潜水的chrome迷的开发指南翻译计划,如果水平到了还可以顺便做做翻译或者校对,嘻嘻。
备忘:地址:https://wave.google.com/wave/#restored:wave:googlewave.com/w+ovaN93tVC。
分享到:
相关推荐
ztsc_109339.apk
永磁同步电机的高频正弦电压注入的速度观测,Simulink,PMSM,高频正弦。
智慧燃气发展研究报告
如何通过智能卡读写器SDK接入鸿蒙操作系统?通过智能卡读写器提供的SDK范例可以将智能卡读写器接入在运行鸿蒙操作系统的智能终端设备上。
谭浩强编写的《C程序设计(第五版)》PPT、书中源码、习题答案以及习题库
人力资源+大数据+薪酬报告+涨薪调薪,在学习、工作生活中,越来越多的事务都会使用到报告,通常情况下,报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢?以下是小编精心整理的调薪申请报告,欢迎大家分享。相信老板看到这样的报告,一定会考虑涨薪的哦。
分布式驱动汽车稳定性控制。 采用分层式直接横摆力矩控制,上层滑模控制,下层基于轮胎滑移率最优分配。 滑模控制跟踪横摆角速度和质心侧偏角误差。 七自由度整车模型输出实际质心侧偏角和横摆角速度,二自由度模型输出理想质心侧偏角和横摆角速度。 附m文件,有参考文献和说明文档
注意:此文档为最终版本,方便大家记录,但更新主要还是在博客更新
汇川.H5U框架程序,汇川TIT700系列触摸屏框架程序 1.汇川H5U-A8系列cpu 自制封装多个FB功能块程序,轴控制功能块,气缸动作报警功能块,XY矩阵功能块,等等。 只需写动作步序,其他全部调用FB 和HMI可以无实物仿真 仿真HMI地址127.0.0.1 A1349.H5U原框架
学生作业-作业打卡盖章。该项目为html前端项目,依据学生作业提交情况,通过点击名字进行打卡盖章。涉及html、js、css,其中js中涉及监听函数;窗口中的列表数据来源于data.jso,可自行修改
Spring面试专题.pdf
2025年蓝色简约时尚婚礼邀请函模板
深层过滤纸板是一种由纤维素材料制成的平板或薄片,具有过滤液体或气体的能力。它通常由纤维素纤维(如木浆)经过湿法造纸工艺制成,形成一张薄而均匀的纸板。深层过滤纸板设计用于过滤任何类型的液体,包括葡萄酒、油、啤酒和果汁等,广泛应用于食品饮料、制药、化工等领域。 随着酿酒行业和饮料行业的不断壮大,对深层过滤纸板的需求也在增加。深层过滤纸板常用于过滤液体中的杂质和固体颗粒,确保产品的质量和纯度。因此,这些行业的发展推动了过滤纸板的需求。为了满足酿酒行业和饮料行业对过滤效果、速度和成本的不断追求,深层过滤纸板制造商进行了技术创新和改进。他们不断改良过滤纸板的材料、结构和制造工艺,以提高其过滤效率和性能,同时降低生产成本。环保意识的提升推动了过滤纸板行业朝着绿色、可持续发展的方向发展。包括可降解材料的应用,再生纤维的使用以及生产过程的绿色化都是行业发展的趋势。 目前在全球范围内,工业化的发展仍处于高速阶段,企业在生产过程中要求更高的过滤处理标准,从而促进了深层过滤纸板行业的发展。随着生物技术产业的发展,越来越多的实验室需要使用过滤纸板进行细胞和菌群的分离,同时也需要更高精度的滤料来处理许多疾病的检
该项目包含完整的前后端代码、数据库脚本和相关工具,简单部署即可运行。功能完善、界面美观、操作简单,具有很高的实际应用价值,非常适合作为Java毕业设计或Java课程设计使用。 所有项目均经过严格调试,确保可运行!下载后即可快速部署和使用。 1 适用场景: 毕业设计 期末大作业 课程设计 2 项目特点: 代码完整:详细代码注释,适合新手学习和使用 功能强大:涵盖常见的核心功能,满足大部分课程设计需求 部署简单:有基础的人,只需按照教程操作,轻松完成本地或服务器部署 高质量代码:经过严格测试,确保无错误,稳定运行 3 技术栈和工具 前端:HTML + Vue.js 后端框架:Spring Boot 开发环境:IntelliJ IDEA 数据库:MySQL(建议使用 5.7 版本,更稳定) 数据库可视化工具:Navicat 部署环境:Tomcat(推荐 7.x 或 8.x 版本),Maven
easy-interceptor修改请求头和响应头.zip
代码复现;冷热电气多门互补的微能源网鲁棒优化调度MATLAB复现 随着能源结构调整,集成风/光等可再生能源输入、冷热电气等多种能源互补输出的微能源网得到了逐步发展,如何协调调度微能源网内冷热电气源网荷成为当前研究热点。 建立了冷热电气多能互补的微能源网在孤岛/并网模式下的协调调度模型,并利用供热/供冷系统的热惯性和热/冷负荷的柔性,发挥供热/供冷系统的“储能”功能,以电转气(P2G)装置实现电—气网络双向互通。 模型采用鲁棒线性优化理论将随机优化模型进行确定性转化,取得经济性和鲁棒性的适当折中。 算例仿真验证了温度负荷储能特性对微能源网灵活调度的优化作用和鲁棒性指标对优化结果的协 调作用。 关键词:微能源网;多能互补;温度负荷;储能特性;鲁棒优化
三电平T型变器双闭环PI控制-调制实现在60度坐标系 变器 减少了普通SVPWM的矢量计算时间,在60度坐标系完成高效计算,控制效果很好。 可以发参考资料
该项目包含完整的前后端代码、数据库脚本和相关工具,简单部署即可运行。功能完善、界面美观、操作简单,具有很高的实际应用价值,非常适合作为Java毕业设计或Java课程设计使用。 所有项目均经过严格调试,确保可运行!下载后即可快速部署和使用。 1 适用场景: 毕业设计 期末大作业 课程设计 2 项目特点: 代码完整:详细代码注释,适合新手学习和使用 功能强大:涵盖常见的核心功能,满足大部分课程设计需求 部署简单:有基础的人,只需按照教程操作,轻松完成本地或服务器部署 高质量代码:经过严格测试,确保无错误,稳定运行 3 技术栈和工具 前端:HTML + Vue.js 后端框架:Spring Boot 开发环境:IntelliJ IDEA 数据库:MySQL(建议使用 5.7 版本,更稳定) 数据库可视化工具:Navicat 部署环境:Tomcat(推荐 7.x 或 8.x 版本),Maven
箱线图(Box Plot)是一种用于展示数据分布的图形工具,能够有效地显示数据的集中趋势和离散程度。以下是箱线图的主要特点和组成部分: 主要特点 数据分布:箱线图可以清晰地展示数据的中位数、四分位数和潜在的异常值。 多组比较:可以将多组数据在同一张图中进行可视化,便于比较不同组之间的差异。 易于理解:由于其结构清晰,读取和理解相对简单。 使用场景 数据分析:用于探讨数据的分布和变化,识别异常值。 统计总结:在数据报告和研究中,用于直观表达数据特征。
ChromeDriver 是一个用于自动化 Chrome 浏览器的工具,它是由 Selenium WebDriver 提供支持的。在测试领域,尤其是Web应用程序的自动化测试中,ChromeDriver扮演着至关重要的角色。标题"chromedriver version 118.0.5993.70"表明这是 ChromeDriver 的一个特定版本,版本号为118.0.5993.70,通常这样的更新会带来性能优化、新功能以及对Chrome浏览器新版本的支持。 描述中的“chromedriver测试版本”意味着这可能是一个用于测试目的的构建,可能包含了最新的改进或者尚未广泛发布的特性。开发者和测试工程师会使用这样的测试版本来确保他们的自动化测试脚本能够兼容即将推出的 ChromeDriver 正式版本。 标签“测试 chromedriver”进一步强调了该软件在测试环境中的应用,特别是与 Chrome 浏览器的自动化测试相关的场景。ChromeDriver 允许测试人员通过编写 Selen。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。