了解Chrome扩展程序开发 2018-01-11 边城到此莫若 鸡蛋君说前端 首先,我尝试来用简单几句话描述一下Chrome扩展程序: Chrome扩展主要用于对浏览器功能的增强,它强调与浏览器相结合.比如Chrome扩展可以在浏览器的工具栏和地址栏中显示图标,它可以更改用户当前浏览的网页中的内容,也可以更改浏览器代理服务器的设置等等. 0. 认识Chrome扩展程序 - 最重要的入口 manifest.json Chrome扩展是一系列文件的集合,这些文件包括HTML文件.CSS样式文件.J…

首先,明确两个概念的区别:chrome扩展程序和Web Apps.具体参考:http://www.chromi.org/archives/10106 本文只讨论chrome扩展程序. 最好的开发教程莫过于官方的文档: https://developer.chrome.com/extensions/index(万恶的天朝 请FQ) http://chrome.liuyixi.com/getstarted.html(中文版) http://open.chrome.360.cn/extension_d…

根据公司的规定,每月八小时,弹性工作制.所以大家平时来的不太准时,如果有事,下班也就早些回去了.所以一个月下来工作时间可能不够,但是公司的考勤日历是这样的: 除了请假和法定节假日外,其他样式显示都是一样的,每次都要一个个估算这个月的大概工作时间,十分不方便.后来看到公司有人在用一个Chrome扩展程序,可以计算出一个月的工作时间,但是我觉得还是没有看到我想看的东西,因为除了每个月的累计工作时间外,我还想看到:平均每天工作时长.每一天的工作时长.20点以后的天数(20点以后下班的可以报销晚饭的,哈…

大家都知道JS是运行在客户端的,所以,如果我们自己写一个浏览器的话,是一定可以往下载下来的网页源代码中加入js的.可惜我们没有这个能力.不过幸运的是,chrome的扩展程序可以帮我们做到这件事. 本文会做一个chrome插件开发的入门介绍,实现利用chrome扩展实现在目标网页运行我们的js的功能.关于chrome扩展的详细内容,可以通过官网了解. 开发工具很简单,记事本就OK了,当然还要有一个chrome浏览器. 新建一个文件夹,比如,HelloWorld 然后创建一个文本文件,作为这个扩展程…

大家都知道JS是执行在client的.所以,假设我们自己写一个浏览器的话.是一定能够往下载下来的网页源码中加入js的.可惜我们没有这个能力.只是幸运的是,chrome的扩展程序能够帮我们做到这件事. 本文会做一个chrome插件开发的入门介绍,实现利用chrome扩展实如今目标网页执行我们的js的功能.关于chrome扩展的具体内容,能够通过官网了解. 开发工具非常easy.记事本就OK了,当然还要有一个chrome浏览器. 新建一个目录,比方.HelloWorld 然后创建一个文本文件.作为这…

我当然知道未经作者允许修改别人程序是不道德的了,但作为学习研究之用还是无可厚非,这里仅供交流. 一切都是需求驱动的 话说某天我在网上猎奇的时候无意间发现这么一款神奇的谷歌浏览器插件:Extension Source Locator.翻译成大中华语意思大概是扩展程序源码定位器! 它是干什么的呢,根据被翻译过来的不太准确的大中华语可以大概知道这玩意儿可以定位到一个你已经在谷歌浏览器上安装了的扩展程序的源码,或者说源文件 ,在你电脑磁盘的哪个地方. 这当然没什么神奇的了,你或许说我可以通过上网查查就知…

之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序.这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流程,从而快速帮助你提高你的工作效率. 谷歌浏览器是一个功能强大的现代浏览器,许多人都喜欢使用它.在这里,我们给大家带来 Chrome 应用程序的另一个有趣的收集——专注于网页设计和开发的12款最重要的 Chrome 扩展程序. 您可能感兴趣的相关文章 Web 开发人员和设计师必读文章推荐 2012年…

关于 chrome 扩展的文章,很久之前也写过一篇.清除页面广告?身为前端,自己做一款简易的chrome扩展吧. 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点. 什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序.对于前端工程师而言,其最大的便利就是我们可以应用我们熟悉的 HTML.CSS . Javascript 等技术来制作扩展程序. 如下图所示,这些图标就是各种开发者提供的 chrome 扩展程序: 区分扩展与插件 很多人会误称扩展程…

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

关于 chrome 扩展的文章,很久之前也写过一篇.清除页面广告?身为前端,自己做一款简易的chrome扩展吧. 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点. 什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序.对于前端工程师而言,其最大的便利就是我们可以应用我们熟悉的 HTML.CSS . Javascript 等技术来制作扩展程序. 如下图所示,这些图标就是各种开发者提供的 chrome 扩展程序: 区分扩展与插件 很多人会误称扩展程…

对于前端开发人员来说,目前的前端框架层出不穷,最受欢迎的莫过于所谓的前端框架三驾马车:Angular, React和Vue.在学习的过程中,肯定好奇现在的互联网公司的网站用的何种前端框架来开发的. Chrome扩展程序商店里就提供了这样一款应用:wappalyzer: 安装后,打开某个你想研究的网站,点击Chrome浏览器工具栏这个小按钮,即可召唤出Wappalyzer的页面. 下面是用这个介绍的Chrome扩展应用Wappalyzer查看到的一些互联网公司的网站的技术栈. 百度:用了SWFOb…

之前介绍过CRX Extractor可以从chrome应用商店下载备份扩展程序,有读者朋友问说:如果 Google Chrome扩展程序已经从 Chrome应用商店下架,还有没有方法下载呢?通常网路上可以搜寻到下载点或是从商店备份的 .crx 档案,但使用者很难确保这些档案干净没有被“加料”,若插件已经下架,但仍安装于你的 Google Chrome 浏览器,可以试著将插件导出备份,以后就可以随时将插件功能重新安装回去.我们之前曾经介绍过MAC上如何导出已安装的chrome插件CRX文件?,今天…

互联网上有很多大牛,他们再工作中需要一些难题,再找到解决办法后,如果会使用js的话,大多数人就可以自己动手写一个chrome插件,而且非常容易.开发人员都喜欢与大家分享自己的成就!google是一个全球化的平台,想想自己的程序被世界人民所使用,是不是很激动? 那么怎么样将自己编写的chrome插件或者app提交到谷歌应用商店,让全世界人民分享呢? 第一步,进入 Google 开发者中心注册开发者账户. 哈哈,如果程序员连墙都翻不出去话,当不了好厨子.点击链接https://chrome.goog…

Chrome(谷歌浏览器) 程序开发32个经常使用插件                   谷歌浏览器(Chrome)在2008年底才公布.但非常快它已成为火狐(Firefox)有力竞争对手. 之前.由于有大量的附加组件的支持,所以火 狐(Firefox)是大多数网页设计者的首选浏览器.谷歌浏览器(Chrome)紧跟其后,相同开发了非常多扩展,特别是针对网页设计者的扩展,数量众 多,包含非常著名的Web Developer扩展. 以下收集的这些扩展,最好还是你也装上试试. 不管是Firefox还…

Chrome扩展,应用开发学习笔记之2 恶搞百度一下 前面我们介绍了一个最简单的chrome扩展时钟,如今我来介绍一下一个恶搞百度一下的chrome扩展程序. 前面说过,manifest.json文件是用来描写叙述这个扩展的,是整个扩展的入口,同一时候也是告诉chrome怎么处理这个扩展. 恶搞百度一下: 以下我们来编写一个恶搞百度一下的扩展程序,希望从这个实例中,对于chrome拓展有一个更好的认识.先看看这个拓展的效果,例如以下图: 从图中我们能够猜到,其功能就是让你无法点击百度一下那个bu…

Chrome的扩展程序很多,也很容易入门,可以来简单实现一下 看看,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 html文件 js文件 其他文件等 可以看到,其实结构如同一般的页面,有共通之处. 一.了解Chrome扩展程序 Chrome扩展程序商店地址为:https://chrome.google.com/webstore/category/extensions?hl=zh-CN 访问Chrome浏览器中已安装的扩展:chrome://extens…

1]前往这里下载你喜欢的语言的组策略模板 后缀为.adm (其他的文件自己看 https://docs.google.com/viewer?a=v&pid=sites&srcid=Y2hyb21pdW0ub3JnfGRldnxneDo0NDIwNzE0Njg2NzQzMmY5 这是官方的发布地址,以后更新应该也是在这里(在度娘盘传了份,这里荡不来的同学,可以用下面的 2] Win+R  gpedit.msc3]本地计算机策略 > 计算机配置 > 管理模板.4]右键管理模板,选择…

Chrome的扩展程序很多,也很容易入门,可以来简单实现一下 看看,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 html文件 js文件 其他文件等 可以看到,其实结构如同一般的页面,有共通之处. 一.了解Chrome扩展程序 Chrome扩展程序商店地址为:https://chrome.google.com/webstore/category/extensions?hl=zh-CN 访问Chrome浏览器中已安装的扩展:chrome://extens…

Chrome扩展程序——TabCopy:一键复制网页标题和网址 - Erik_ly的博客 - CSDN博客 https://blog.csdn.net/u012318074/article/details/77435724…

对于很多需要设计产品原型的朋友来说,Axure RP Pro可谓是非常方便.好用的一款软件,因为它不仅能绘制出详细的产品构思,也能生成浏览器格式的产品原型.但是如果想把原型拿给客户查看,千万记得给浏览器安装Axure扩展程序哦. Axure谷歌浏览器Chrome扩展程序使用说明:打开谷歌内核的浏览器,在浏览器中地址栏中输入chrome://extensions/  或者点击浏览器的右上角选择更多工具->扩展程序,将下载到本地的.crx文件拖入到扩展程序中,点击确定完成安装即可. 注意是拖入!!!…

chrome扩展程序中内容脚本有两种插入方式:(https://crxdoc-zh.appspot.com/extensions/content_scripts) 1. 清单文件: 这种方式会在打开每个tab页面时自动运行 2. 代码方式插入: 这种方式会在触发插入脚本代码时,内容脚本才运行 但是,按照文档中代码插入方式进行运行,浏览器按钮点击的动作却监测不到. 原因: (https://crxdoc-zh.appspot.com/extensions/browserAction) 浏览器按钮有…

Chrome扩展程序 AdBlock 印象笔记 网页截图:注释&录屏 油猴 zenmate-vpn sourcegraph 推荐网站…

最近工作用到xpath,直接从浏览器复制下来路径时常会出错而且长度很长,于是我想到之前用过的一款chrome插件,可以直接编写xpath语句,并实时出现解析出的结果,检验xpath语句是否编写正确.效果如下: 下面讲一下怎么安装xpath.第一种方法就是scientific上网后点击chrome扩展程序然后在应用商店下载.第二种方法就是今天要所讲的先在网上下载xpath,然后在chrom扩展程序中安装. 首先需要下载xpath,资源网上寻找即可,下载之后把扩展名为crx的文件的扩展名更改为zip…

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

在Chrome网上应用店中查找扩展程序 2022必须拥有Chrome扩展程序 - 浏览器插件,让你上网效率翻倍 可扩展的Chrome Web浏览器比某些人认识的功能强大得多.您可以自定义浏览体验,使其更高效,更高效,更有趣. Chrome网上应用店提供的项目可以修改Chrome浏览器,适用于休闲网络用户和Chromebook用户. Chrome网上应用店将其产品分为四个基本类别. 应用 游戏 扩展 主题 浏览Chrome网上应用店中的项目时,请留意下载类型.现在我们专注于扩展. BD新标签页 2…

最近工作环境限制,有些机器文件只能拿进去,不能拿出来.网络也是内部网络,没法下载东西.工作中常用的一些Chrome扩展应用也没法使用,对于我这类工具爱好者,打击够大.后来想想,既然扩展应用能开发打包上传应用商店安装,肯定也可以打包安装.本着这个想法就找到了下面的方法. 1,找台能上网的机器,安装需要离线安装的扩展程序(比如:Autofill). 这是我们打包的数据来源. 2,Chrome开启开发者模式 3,根据扩展程序ID找到扩展应用的目录 扩展程序目录地址:C:\Users\[电脑登陆用户名]…

说明 CrxMouse 原版更新至 v2.7.8,跟进升级优化版至 v3.0.1. 改动说明: 1. 去除可能存在的后台数据上传隐患: 2. 解决鼠标右键拖动时的轨迹漂移问题. 3. 加入部分默认设置: 4. 改动总体配色. 解压后将 CrxMouse_Techzero_v3.0.1.crx 文件拖放至 Chrome 的 扩展程序 管理页面就可以自己主动安装. 假设安装后被 Chrome 禁用,请參照防止 Chrome 屏蔽 非官方 扩展程序 教程使用. 下载 下载地址:http://pan.b…

音乐分享: Future Islands - <Aladdin> 中年大叔的抖腿新专辑<The Far Field> —————————————————————————————————————————————————————————————————————— 项目截图: 项目地址:https://github.com/uustoboy/set-region 项目说明: 一般公司有线上环境和测试环境(还有可能要改host) 比如: 线上:http://www.xxx.com/xx/x…

前言 吐槽一下自己,最近变懒了,博客已经变成月更了.这次分享几个自己工作这几年下来,平常用的比较多的几个谷歌浏览器的扩展程序. AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告. 这个插件在我看来是自己使用谷歌浏览器时必须安装的,能拦截掉网页上的各种乱七八糟的广告,也可以屏蔽掉搜索引擎根据你的喜好展示的推荐. 运行效果如下: Restlet 一款能在浏览器里测试接口的工具.特别适合在测试一些内部接口时,还必须要在用户登录的情况下才能测试的情况.因为这个…

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