Chrome extension

Chrome Extension 检查视图（无效）处理方法

最近闲来无事,简单看了下Chrome扩展的开发,并且开发一个小小的翻译插件(TranslateBao)作为练手,开发细节不详述了,如果有新学习chrome extension开发的新人,可以参考源码,并欢迎提出宝贵意见,共同进步. 闲话不多说,在一个Demo版开发完成后,载入到Chrome中进行体验,一切感觉良好...(-.-),但是,遇到一个感觉很不爽的东西,见下图: 没错,问题就是在“检查视图:background.html”后面有一个“无效”,虽然没有发现具体影响到什么地方,但是这么一个负…

开发Chrome Extension截取你微博的帐号密码

Google允许开发者对Chrome浏览器做扩展,所以有了之前火爆的12306抢票软件,我也用它抢过票,一直很好奇它怎么注入js到12306上面的.这周有空研究了下Chrome Extension,终于明白它是怎么工作的了.更多信息可以参看chrome.extension. 但是又让我对chrome extension产生了一点担心,这么容易注入js,那盗取你的帐号密码啥的不是很方便吗?下面演示一个比较简单的盗取微博帐号密码的方法. 要加载chrome extension首先要定义一个mani…

chrome extension overview

目录什么是扩展......................................................................................................................................................................................... 2 extension & plugins...................................…

打包Egret游戏为Chrome extension

今天,本来是打算做一个Chrome扩展去爬取网站base64编码图片的. 在跟着图灵社区<Chrome扩展及应用开发>敲demo代码的过程中,发现chrome的扩展的结构理论上可以兼容所有H5框架的架构. 于是,又这么随性的(分神)把手里之前的一个休闲app转成Chrome扩展了. 只要以下几个步骤就可以了: 1. 要做的第一步是发布egret项目 2. 添加Chrome菜单文件manifest.json { "manifest_version":2, "na…

Google Chrome Native Messaging开发实录（二）Chrome Extension扩展

接上一篇<Google Chrome Native Messaging开发实录(一)背景介绍>的项目背景,话不多说,有关Chrome Extension介绍和文档就不展开了,直接上代码. 首先准备一个测试效果的页面demo.html <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Printer Demo</title> </head> <…

Chrome Extension 实战

想起个问题,线上项目js要有bug,怎么进行调试修改. ------------- 想起来,方法应该是,拦截线上的js的请求,转到本地代码上进行调试... ------------- 网上看到 Chrome Extension实战:页面注入 http://blog.csdn.net/wonderdaydream/article/details/75305727 Chrome Extension实战:页面JS脚本替换 http://blog.csdn.net/wonderdaydream/arti…

解决chrome extension无法下载的问题

由于GFW把谷歌应用商店给屏蔽了,下载chrome扩展变得很困难. 我使用的是版本30.0.1599.101 m. 那么你需要做的第一个处理是,修改host文件,保证chrome应用商店可以登录.如下链接可登陆https://chrome.google.com/webstore. 之后到http://www.chrome-extension-downloader.com/中下载chrome-extension-downloader,可以直接安装到chrome中.如果遇到该扩展自动被禁止的情况,可…

一起来做Chrome Extension《搭个架子》

CEF - A simple Chrome Extension development falsework CEF是一个简单的Chrome Extension开发脚手架,它有如下功能: 模块化的结构,便于开发维护支持模板支持简单的数据绑定发布工具,可对JS文件进行压缩,并输出干净的扩展文件目录 1. 获取并初始化 2. 项目结构 3. 使用 3.1 创建Module 3.2 创建View 3.2.1 getView() 3.2.2 display()和append() 3.2.3 模板语…

一起来做Chrome Extension《一些问题》

目录 Unchecked runtime.lastError: The message port closed before a response wa received. 使用 eval Content script注入iframe Extenstion内的html 站外连接 1. Unchecked runtime.lastError: The message port closed before a response wa received. 此错误一般发生在background js和c…

chrome extension demos

chrome extension demos demo https://github.com/hartleybrody/buzzkill/blob/master/bootstrap.js https://github.com/hartleybrody/buzzkill/blob/master/manifest.json // when the extension is first installed chrome.runtime.onInstalled.addListener(function(…

Chrome Extension & Dark Theme

Chrome Extension & Dark Theme https://chrome.google.com/webstore/detail/eimadpbcbfnmbkopoojfekhnkhdbieeh https://github.com/darkreader/darkreader https://github.com/xyz-data/darkreader…

Chrome Extension 扩展程序小白入门

Chrome Extension 扩展程序前请说明:本文适用于之前从来没有接触过chrome extension扩展程序的同学~ 编写demo 创建项目文件夹chrome_ext_demo,在项目根路径(chrome_ext_demo/)下创建 manifest.json 在manifest.json中添加如下示例(只是个简单例子,详细字段说明可参考官方文档): { "name":"Chrome Extension demo", "version&quo…

SAP成都研究院安德鲁：自己动手开发一个Chrome Extension

各位好,我叫何金鑫(He Andrew), 团队同事亲切地称呼在下为安德鲁.如果你在附近找到wifi热点名为「安德鲁森面包房5g」,可能是我就在附近,我们可以去喝杯咖啡,聊聊最近有趣的东西. 鄙人现效力于一个SAP云产品的标准开发项目中,团队主要做的是一款2B的电商SaaS应用.我是个很普通的人,没有想过改变世界,但是一直秉着改变自己,以做一个与世无争的佛系男子和『一个有趣的人』为个人信条活着. 我的高中在大连读的,和很多同龄人一样在网吧游戏中度过了非常快乐的青少年时期:上的大学不在英属不列…

[Tools] Create a Chrome Extension

Creating a Chrome extension requires a manifest.json file which defines how your extension will behave. With a minimal setup, you can already manipulate pages and change elements. This lesson walks you through creating a manifest.json file which will…

Chrome插件:微信公众号自动登录(chrome.extension)

manifest.json: { "manifest_version": 2, "name": "WX.AutoLogin", "version": "1.0.0", "description": "微信公众号自动登录系统", "icons": { "16": "img/icon.png", "48…

Chrome Extension 的 webRequest模块的解读

Chrome Extension 的 webRequest模块的解读文档在此:http://developer.chrome.com/trunk/extensions/webRequest.html 1,为了使用webRequest,首先需要在配置文件manifest.json中加入类似的内容: { “name": "My extension", ... "permissions": { "webRequest", "*…

Make chrome extension

How to Make a Chrome Extension. https://robots.thoughtbot.com/how-to-make-a-chrome-extension Skip to main content All Topics Design Web iOS Android How to Make a Chrome Extension Gabe Berke-Williams January 23, 2015 UPDATED ON December 1, 2015 WEB…

Chrome Extension 小试牛刀

自从有了Chrome以后,就喜欢上了这个浏览器,从此IE 886了. 以前作爬虫,做登录,做数据采集,做数据处理等各种功能,后来H5出来后,出现了,除了Session/Cookie 出了Local Storage,暂时还没有更好的办法获取Local Storage.由于处理的数据比较少,所以决定研究一下Chrome Extension. 百度了一下Chrome Extension,可以通过Chrome Extension 官网进行学习,简单上手.网址: https://developer.chr…

How does Chrome Extension crx Downloader work? ——— From crxdown.com

How does Chrome Extension crx Downloader work? Home >> blog >> How does Chrome Extension crx Downloader work? Author:admin Date:11 2017/07 Cotyright©crxDown.com Generally Even Chrome has to connect to a server and download the extension…

第一个chrome extension

如今,chrome浏览器的使用如越来越流行,chrome extension往往能提供更多很丰富的功能.以前一直想了解这方面的东西,可是又担心很复杂.前段时间,在斗鱼看一个直播,想刷弹幕,但是每次自己输入有很麻烦,所以写个小脚本就可以了,后来想以下也可以使用chrome extension来实现.关于chrome extension,google就给出了相关的文档,另外国内360也翻译了这篇文档.当然我所做的东西还是很基础的,在此,也是就是说一下自己第一次尝试的经验. 其实,chrome ext…

auto switch HTTP protocol Chrome Extension

auto switch HTTP protocol Chrome Extension HTTPS auto switch to HTTP VPN https://chrome.google.com/webstore/detail/hola-free-vpn-proxy-unblo/gkojfkhlekighikafcpjkiklfbnlmeio?hl=en-US refs Bad https://www.ruanyifeng.com/blog/2020/08/five-css-layouts-i…

chrome extension/plugin path

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions…

PageSpeed Tincr SpriteMe JSONView FireMobileSimulator for Google Chrome™…

Chrome Extension in CLJS —— 搭建开发环境

前言磨刀不误砍柴工,本篇将介绍如何搭建Chrome插件的ClojureScript开发环境. 具体工具栈:vim(paredit,tslime,vim-clojure-static,vim-fireplace) + leiningen(lein-cljsbuild,lein-doo,lein-ancient) + com.cemerick/piggieback 写得要爽首先抛开将cljs编译为js.调试.测试和发布等问题,首先第一要务是写得爽- cljs中最让人心烦的就是括号(),过去…

[label][Chrome-Extension] How to start Chrome Extension's development

Firstly , you should read these two pages. https://developer.chrome.com/extensions/overview https://developer.chrome.com/extensions/getstarted Secondly, you must read this page. https://developer.chrome.com/extensions/packaging…

Chrome Extension 记录

传递选定元素到内容脚本内容脚本不能直接访问当前选中的元素.但是,任何使用 inspectedWindow.eval 来执行的代码都可以在 DevTools 控制台和命令行的 API 中使用.例如,在测试代码时,你可以使用 $0 访问当前被选定的元素. 要传递选中的元素到内容脚本,可以如下完成: 在内容脚本中,创建一个函数,将选定参数作为这个函数的参数. 在 DevTools 页面中使用在useContentScriptContext:true的选项中的inspectedWindow.eval来…

动手做第一个Chrome插件

Chrome插件是令人惊讶的简单,一旦你弄懂它的工作和实现原理.它是由一部分HTML,一部分Js,然后混合了一个叫做manifest.json的Json文件组合而成的整体.这意味着你可以使用你最擅长的js框架去实现它. 如果你还是一个Chrome插件的新手并且想尝试写一个的话,下面的文章将会带领大家并且尝试让大家理解Chrome插件的工作机制.这篇文章将会讲述每一块架构,以及相互之间的联系和插件的一般化形式. 架构 Chrome插件中的文件大体上可以分成2部分:Chrome插件中确确实实存在的文…

chrome拓展开发实战：页面脚本的拦截注入

原文请访问个人博客:chrome拓展开发实战:页面脚本的拦截注入目前公司产品的无线站点已经实现了业务平台组件化,所有业务组件的转场都是通过路由来完成,而各个模块是通过requirejs进行统一管理,在灰度测试时会通过grunt进行打包操作,虽然工程化的开发流程已经大大提升了效率,但是为了满足不同平台在任意业务入口页面一键注入业务脚本即可进行测试的实际需求,团队尝试通过chrome拓展来进行实现.由于我本人是第一次开发chrome拓展插件,所以开发的过程中遇到不少坑,某些功能的实现方式也未必是最…

利用chrome插件批量读取浏览器页面内容并写入数据库

试想一下,如果每天要收集100页网页数据甚至更多.如果采用人工收集会吐血,用程序去收集也就成为一个不二的选择.首先肯定会想到说用java.php.C#等高级语言,但这偏偏又有个登陆和验证码,搞到无所适从.还在为收集web端的数据感到苦恼吗?很高兴,你找对地方了. 应用场景: 1.需要每天大量重复收集web端的数据 2.web页面数据需要登陆后才能采集 3.web页面存在翻页解决方案: 手工登陆,然后采用chrome插件的方式进行收集.当然你会说用selenium等自动化测试的方法进行收集更co…

chrome 不支持window.webkitNotifications.createNotification消息通知API了

今天惊奇的发现,chrome22里已经不支持window.webkitNotifications.createHTMLNotification方法了: 但是,在chrome extension里还可以继续使用,比如fehelper里的页面性能检测功能: Google这是要干嘛?逐步实现自己的w3c标准化? Web Notification在w3c中确实没有createHTMLNotification这样的方法,甚至没有createNotification. 而是一个及其简单构造器: var no…

【Chrome extension】的更多相关文章