chrome extension开发

Chrome扩展开发基础教程（附HelloWorld）

1 概述 Chrome扩展开发的基础教程,代码基于原生JS+H5,教程内容基于谷歌扩展开发官方文档. 2 环境 Chrome 88.0.4324.96 Chromium 87.0.4280.141 Brave 1.19.84 FireFox 85.0 WebStorm 2020.3.2 Manifest V3 3 开发环境准备开发扩展建议使用WebStorm,推荐WebStorm的原因是能够补全,在设置中的Libraries中可以下载chrome的库,这样就能够补全了: 另一个建议使用的是VS

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

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

一起来做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 模板语

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> <

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

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

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

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

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

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

Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式

目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式 3.Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载 4.Chrome扩展开发之四——核心功能的实现思路 5.Chrome扩展开发之五——采用指数退避算法实现ajax请求的重发,全部完成时触发回调函数如果你对GmailAssist感兴趣,可以在chrome商店中搜索“

chrome拓展开发实战

chrome拓展开发实战:页面脚本的拦截注入时间 2015-07-24 11:15:00 博客园精华区原文 http://www.cnblogs.com/horve/p/4672890.html 主题 Chrome 原文请访问个人博客: chrome拓展开发实战:页面脚本的拦截注入目前公司产品的无线站点已经实现了业务平台组件化,所有业务组件的转场都是通过路由来完成,而各个模块是通过 requirejs 进行统一管理,在灰度测试时会通过grunt进行打包操作,虽然工程化的开发流程已经大大

Chrome扩展开发之一——Chrome扩展的文件结构

目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式 3.Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载 4.Chrome扩展开发之四——核心功能的实现思路 5.Chrome扩展开发之五——采用指数退避算法实现ajax请求的重发,全部完成时触发回调函数如果你对GmailAssist感兴趣,可以在chrome商店中搜索“

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

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拓展开发实践

首发于微信公众号<前端成长记>,写于 2019.10.18 导读有句老话说的好,好记性不如烂笔头.人生中,总有那么些东西你愿去执笔写下. 本文旨在把整个开发的过程和遇到的问题及解决方案记录下来,希望能够给你带来些许帮助. 安装和源码安装和源码背景在 <干货!从0开始,0成本搭建个人动态博客> 中,已经完成了动态博客的搭建.接下来,将围绕该博客,开发对应的 Chrome拓展,方便使用. 上手开发本文不需要前期准备,直接跟我做就好了功能拆分这里主要分为几个大的功能点: 内

Chrome Extension 小试牛刀

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

【转发】NPAPI学习(Firefox和Chrome扩展开发 )

NPAPI学习(Firefox和Chrome扩展开发 ) 2011-11-08 14:41:02 by [6yang], 1172 visits, 收藏 | 返回 Firefox和Chrome扩展开发从NPAPI与IE看微软有多恶搞最近需要写一个浏览器的扩展,该扩展要求能支持的浏览器“越多越好”.这让我对跨浏览器的浏览器插件开发了解了一番.果不其然,有个历史悠久的标准已经考虑到了这件事情,那就是NPAPI(Netscape Plugin API). 在 NPAPI的介绍页上可以看到NPAPI

Chrome扩展开发（Gmail附件管理助手）系列之〇——概述

目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式 3.Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载 4.Chrome扩展开发之四——核心功能的实现思路 5.Chrome扩展开发之五——采用指数退避算法实现ajax请求的重发,全部完成时触发回调函数零.为什么会有这一套博文 2014年底虽然已经基本完成GmailAs

Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载

目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式 3.Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载 4.Chrome扩展开发之四——核心功能的实现思路 5.Chrome扩展开发之五——采用指数退避算法实现ajax请求的重发,全部完成时触发回调函数如果你对GmailAssist感兴趣,可以在chrome商店中搜索“

Chrome扩展开发之四——核心功能的实现思路

目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制和通信方式 3.Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载 4.Chrome扩展开发之四——核心功能的实现思路 5.Chrome扩展开发之五——采用指数退避算法实现ajax请求的重发,全部完成时触发回调函数如果你对GmailAssist感兴趣,可以在chrome商店中搜索“

黄聪：chrome扩展开发《AJAX请求》

chrome在一次更新之后,出于安全考虑,完全的禁止了content_script从https向http发起ajax请求,即使正常情况下也会在console里给出提示.这对于WEB来讲是好事,但对于扩展来讲就是坏事.平时可以很容易的请求数据,现在就没那么容易了.好在chrome还提供了background_script,利用content_script和background_script之前的通信来实现ajax的请求,就跳过了chrome的这一限制. content_script 从名字里就知道

chrome extension开发

热门专题