位置: 编程技术 - 正文
谷歌Chrome浏览器扩展程序开发小记(谷歌chrome浏览器网页版网址)
编辑：rootadmin推荐整理分享谷歌Chrome浏览器扩展程序开发小记(谷歌chrome浏览器网页版网址)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:谷歌chrome浏览器官方下载手机,谷歌chrome浏览器官方下载,谷歌chrome浏览器使用,谷歌chrome浏览器官方下载手机,谷歌chrome浏览器下载手机版,谷歌chrome浏览器安卓版下载,谷歌chrome浏览器安卓版下载官网,谷歌chrome浏览器官方下载手机,内容如对您有帮助，希望把文章链接给更多的朋友！
根据公司的规定，每月八小时，弹性工作制。所以大家平时来的不太准时，如果有事，下班也就早些回去了。所以一个月下来工作时间可能不够，但是公司的考勤日历是这样的：
除了请假和法定节假日外，其他样式显示都是一样的，每次都要一个个估算这个月的大概工作时间，十分不方便。后来看到公司有人在用一个Chrome扩展程序，可以计算出一个月的工作时间，但是我觉得还是没有看到我想看的东西，因为除了每个月的累计工作时间外，我还想看到：平均每天工作时长、每一天的工作时长、点以后的天数（点以后下班的可以报销晚饭的，哈哈……）、点以后下班的天数（报销打车费）……所以我决定还是自己写一个吧。
第一步，我先写了一个JS方法，然后通过F开发者工具的Console复制粘贴运行。
公司用的OA系统没有引用jQuery库，所以我刚开始的想法是想动态引用jQuery类库，如下：
但是遇到了问题：一个是$被占用，二是HR系统采用iframe嵌套，并且还有frame嵌套，结构很复杂。而console运行的代码是在最顶层运行的，后期的chrome扩展插件是运行在内部frame中的，可能这里的JS后面不能直接使用。虽然$被占用的问题可以通过jQuery.noConflict();来解决，但是jquery库和原来系统的JS库存在调用顺序的问题，而且在内部的frame中死活访问不到jQuery这个对象。最后我决定放弃使用jQuery，该用原生JavaScript。
JS代码如下：
代码说明：监听考勤查询按钮的click事件，考勤信息加载完成后，执行我的JS方法。
第二步，开发Chrome扩展程序
参考资料： manifest.json是必须的，最终内容如下：
另外，在同目录下放入一个icon.png图片，至此，所有文件都准备完毕，目录如下：
打开Chrome的扩展程序列表的开发者模式》大包扩展程序...，在扩展程序根目录中输入上面三个文件所在的父目录。
点击【打包扩展程序】即可。
说明：如果点击该按钮长时间未能反映，可以能是你的chrome不允许第三方非认证的扩展程序，解决方案是，点击chrome快捷方式右键》属性》目标输入框后面追加“ enable-easy-off-store-extension-install”，注意前面的空格。
然后再尝试以上步骤就行了。
第三步，防止Chrome屏蔽非官方扩展程序 设置
Chrome会提示暂停非官方扩展程序，每次启动就有提示，很烦人。
查找资料：
至此，该可扩展程序全部完成，结果图如下：
年最热门的 款代码语法高亮工具，美化你的代码 前言：代码高亮很有用，特别是在需要在网站或者blog中显示自己编写的代码的时候，或者给其他人查看或调试语法错误的时候。我们可以将代码高亮，
js实现仿qq消息的弹出窗效果 在我们的日常开发中，或者生活中，经常需要用到弹出窗。这里我们就用js模拟一下qq消息一样的弹出窗，分享给大家供大家参考，具体内容如下运行效
JavaScript iframe数据共享接口实现方法 在iframe与父窗口或者与子窗口传递数据是一个麻烦的事情，如果我们能够写一个一劳永逸的接口那就再方便不过了，下面就来简答介绍一下如何实现此
标签: 谷歌chrome浏览器网页版网址
本文链接地址:https://www.jiuchutong.com/biancheng/384726.html 转载请保留说明！上一篇：JavaScript类型系统之基本数据类型与包装类型(js的类型有哪几种)
