学习chrome扩展开发: 与网页类似,需要的知识:html,javascript chrome扩展程序的构成: manifest.json:对扩展程序的整体描述文件 { "manifest_version": 2, //manifest_version:默认为2,可不写 //在第2版manifest下chrome出于安全不会运行html内的js代码 "name": "我的时钟", "version": "1.0&q…

原文地址:How to Build a Simple Chrome Extension in Vanilla JavaScript 开发一个Chrome扩展程序非常简单,只需要使用原生的js就可以完成,在本文中,我将在几分钟内引导你完成一个简单的扩展程序 关于Chrome扩展程序 Chrome 扩展程序本质上只是一组可以自定义 Google Chrome 浏览器体验的文件.Chrome 扩展程序有几种不同的类型:有些在满足某个特定条件时激活,例如当你来到商店的结账页面时:有些只在你点击图标时弹出…

@(编程) [toc] 本文介绍如何利用Chrome 的插件, 从我们的一个网站中启动一个我们的本地程序.本文的环境是windows10,本文的例子是通过点击网页上的一个button,调用本地的word. chrome插件的内容 一个chrome插件包括三个文件:manifest.json(名字不可改, 建插件必须文件),background.js(文件名可改, 后台文件),content.js(content script文件 负责与网站页面交互) manifest.json { "name&…

在我没有看这本书之前,我都想象不到,原来chrome扩展程序可以这样写,真的非常有意思. 就是用最简单最基础的代码,然后就实现了一些非常有意思的玩意儿. 先看效果图 实际运用要和现实联系在一起,经历和知识的体系不断的关联,才不会忘记 学习的知识如果在现实工作中没有用到,就会淡忘它.经历要达到一定的程度,项目要达到一定的阶段 这个就是一个很简单的例子,当我们输入facebook网站,就会弹出一个弹框,然后我们输入名字,这个网站就会被我们输入的名字所代替. 这个网站换成随便什么网站都是可以的.接下来…

chrome是一个不错的浏览器,web开发者工作中一般都会使用chrome做为默认浏览器,它有很多扩展,给浏览器补充了各种功能,增强了用户体验.chrome具体能干什么?怎么做出来的呢? chrome扩展是什么? 本质上是HTML+CSS+JavaScript组成的页面,所有文件打包成crx文件,安装到chrome,就可以使用 chrome扩展能干什么? chrome扩展可以操作浏览器的书签.cookie.历史记录.右键菜单.tab选项卡.浏览器窗口,甚至可以读取系统信息包括CPU.内存等,扩展…

作为一个程序员,每天编程遇到问题时,少不了前往国内著名的CSDN网站上查信息,看是否有同行遇到类似问题.很多时候根据遇到问题的错误消息进行搜索,结果都是一篇篇CSDN博客.这些博客打开后都会显示很多广告,如下图所示. 作为一个技术人员,我很能理解这些网站放广告的原因,只有盈利了,才有资金给我们提供更好的免费服务.这无可厚非,只不过,当我在聚精会神阅读CSDN博客上的这些帖子时,万一我的领导从我身边经过,误以为我在上淘宝,那有多尴尬. 因此找一个自动去CSDN广告的Chrome扩展还是很有必要的,…

当前有两个方向: 一.实现一个自动解码的地址栏监视器 扩展程序在后台不断监视地址栏输入,地址栏输入并回车后检查输入,若输入符合解码条件则调用网站信息进行解码,并将结果输出到地址栏,否则不改变: 初始阶段简化:每当点击时获取地址栏输入 问题: 1.如何捕捉地址栏动作? 2.如何检测地址栏输入? 3.如何调用网页? 4.如何将网页的返回值重新调回地址栏并转向? 二.实现一个翻译插件 问题: 1.如何捕捉鼠标的选定动作?如何分辨词汇翻译与复制?(进阶:如何设置阈值?) 2.选定后如何调用指定API?…

最近在学习Spring,心想dotnet如何实现类似形式呢.于是想认真学习Casetle组件,发现没有书籍!而spring的书多得很.于是只好找网上教程了.发现系统的文章不多.Terrylee好多文章似乎都旧了,只好回头来看官方的文档. https://github.com/castleproject/Windsor/blob/master/docs/README.md 英文呀!好些单词需要去查,于是想到划词翻译.下载几个扩展程序提示不安全!好吧,自己写一个!开放的体系就是好! 百度搜一下好多的…

1.manifest介绍界面:json格式 json:JavaScript Object Notation 包括两种结构: key:value对:{{"A1":"value1","A2":"value2","A3":"value3"},{…},{…}} 值的有序集合 {"books":["book1","book2","…

1.操作用户正在浏览的界面 http://www.ituring.com.cn/article/60212 问题:1.google未定义ID,用name为何无法找到? 2.如何让整个按钮一起动?原函数加几行赋值即可 var x =document.getElementById('s_btn_wr'); x.style.position = el.style.position; x.style.left = el.style.left; x.style.top = el.style.top;…