淘宝试用自动点击: 谷歌其实就是一些html+css+js+静态资源.但是里面有一个特别的配置文件manifest.json.该文件和Android的那个androidmanifest.xml类似,记录了该APP的基础信息. 比如我这个,就是在特定页面用content script加载,所以配置页是这样 { "name": "淘宝试用点击", "description": "淘宝试用点击,仅在特定页面有效", "ve…

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

周末花了点时间做了一个chrome拓展,叫HttpPost,顾名思义是用来测试http的post请求. 先直接看效果 插件与拓展 在说这个做的过程前,先说明什么是Chrome插件.Chrome拓展 1.开发语言区别 拓展:HTML + Javascript 插件:理论上可以用任何一种生成二进制程序的语言,比如 C/C++ 2.功能上区别 拓展:通过调用Chrome提供的Chrome API扩展浏览器功能的一种组件 插件:调用Webkit内核NPAPI来扩展内核功能的一种组件 3.层次区别 拓展:…

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

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

前言 作为一个前端开发, 在调试生产环境的代码时,是否苦于生产环境代码被压缩,没有sourcemap? 有没有想过将生产环境的js直接重定向为本地开发环境的js? 玩微前端时,有没有想过用本地的子应用js去替换线上的子应用js? 或者有没有想过修改别人网站的文件,直接完成某些非常规操作? 最近因为项目开发中有这么一个小需要,我写了个chrome扩展插件解决这个问题,当然Edge浏览器也能用. 这个扩展插件安装后,可以直接将一个js重定向为另一个js. 先给上这个扩展插件的仓库地址:Demo 周六…

自己做的將網頁自動替換為微軟雅黑的擴展.很好用. 將Customcss.rcx拖到擴展裏就可. 下載:Customcss.zip…

如何导出chrome已安装的拓展程序 已安装的chrome插件可以在浏览区中输入*chrome://extensions*便可以查看插件列表. 对于windows系统来说,这些插件对应的目录为: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions 插件信息列表中有个ID信息(例如:ID: jdpnljppdhjpafeaokemhcggofohekbp),上面目录下面正好会有和这个ID同名的文件夹. 点打包拓…

谷歌浏览器拓展有至少2种安装方法,现在简单的介绍下. 第一种.当然是进入谷歌官方的应用商店直接安装 这种方法简单快捷,而且官方支持度够高,唯一的缺点是大陆用户需要“FQ”. 谷歌拓展组件应用商店地址:https://chrome.google.com/webstore/detail/hkemmeickahenpmknbphbdcaicpiokcn 我们今天重点介绍下第二种:离线安装.针对大陆用户不得不学的一种小技术. 第二种.离线安装拓展组件 以api接口调试和文档自动生成工具apipost的拓…

大家肯定有这样的经历,浏览网页的时候,左右两端广告,诸如“屠龙宝刀,点击就送”,以及最近火的不行的林子聪37传奇霸业什么“霸业面具,霸业吊坠”的魔性广告总是充斥我们的眼球. 当然有现成的扩展程序或者插件(两者概念稍有不同)可以清除页面广告,但是既然身为一名程序猿,尤其是FEDer,为什么不尝试一下自己写一个清除广告的扩展程序呢.其实,编写一个浏览器扩展程序十分简单,尤其是chrome扩展,可以完全使用前端技术(HTML/CSS/JS)完成一个自己编写的扩展程序.让我们一步一步,学习一下如何编写一…

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

解决chrome安装谷歌访问助手错误问题 针对新版本安装谷歌访问助手插件报错问题 1.下载谷歌访问助手 http://www.ggfwzs.com/ 2.chrome浏览器打开发者模式 3.将下载的crx 文件拖入拓展程序,发现加载程序错误!!! 重点 1.首先将crx文件后缀改为zip,例如: 谷歌访问助手2.2.2.crx 改为 谷歌访问助手2.2.2.zip 2.将该文件解压,会解压出包含几个文件的文件夹 3.chrome 拓展程序中选择加载已解压程序包 ,选择刚才的文件 4.如果改变后缀…

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

在 Chrome 中调试 JS 代码,那你不得不与 Chrome DevTools 的 Sources 面板打交道,所以文章主要通过介绍 Sources 面板上的各部分功能来介绍如何调试网页中的 JS. 熟悉 Sources 面板 先来认识一下 Sources 面板(以我的 Github 首页举例). 可以看到面板被分为左中右三个部分,左边是文件导航,中间是文件的具体内容,右边可以统称为调试面板.整个面板就像一个 IDE,所以还是挺亲切的. 左边的文件导航面板包含 3 个面板:,分别是: Sou…

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

//本文编辑格式为Markdown,译文同时发布在众成翻译 对无障碍网页应用(ARIA)的选择 让网站对每个人都能访问是一件相当艰难的工作,尤其是在我们使用自定义标记解决方案(custom markup solutions)的那些日子.我很高兴#a11y(可访问性的简称)的话题最近获得了越来越多的关注,因为#a11y没有什么好的,但是正如James Williamson今天发布的twitter: 我们对提高可访问性最大的误解是认为那是在帮别人,但是你错了,这是你的职责.(The biggest…

1.概述 首先和大家一起回顾一下Java 消息服务,在我之前的博客<Java消息队列-JMS概述>中,我为大家分析了: 消息服务:一个中间件,用于解决两个活多个程序之间的耦合,底层由Java 实现. 优势:异步.可靠 消息模型:点对点,发布/订阅 JMS中的对象 然后在另一篇博客<Java消息队列-ActiveMq实战>中,和大家一起从0到1的开启了一个ActiveMq 的项目,在项目开发的过程中,我们对ActiveMq有了一定的了解: 多种语言和协议编写客户端.语言: Java,…

目录 Swagger简介 4 安装 4 一. Node.js 安装 4 二. node中http-server安装 4 三. 下载swagger-editor 4 四. 启动 swagger-editor 5 五. 使用浏览器访问http://localhost 5 使用 5 一. 编写API 文档: 7 二. 生成服务端代码: 8 三. 修改&运行服务端: 9 四. 创建&运行客户端: 11 1． 使用swagger-editor 的web 界面: 11 2． 使用swagger-edi…

有部分使用ApiPost的同学反应:发送接口调试时,响应超时时间设置的太短导致接口访问失败,怎么设置呢? 就连百度也有很多人在搜: 今天就来说一说. ApiPost简介: ApiPost是一个支持团队协作,并可直接生成文档的API调试.管理工具.它支持模拟POST.GET.PUT等常见请求,是后台接口开发者或前端.接口测试人员不可多得的工具 . 官网:https://www.apipost.cn/ ApiPost的发送超时时间设置方法 对于老版本的ApiPost,这个超时时间的确是无法设置的.新…

新版的ApiPost(Chrome拓展V2.0.8+/客户端V2.2.1+)已经支持环境变量的定义和使用. 本文主要介绍ApiPost环境变量的第一课:如何定义环境变量,并如何使用它. ApiPost简介: ApiPost是一个支持团队协作,并可直接生成文档的API调试.管理工具.它支持模拟POST.GET.PUT等常见请求,是后台接口开发者或前端.接口测试人员不可多得的工具 . 官网:https://www.apipost.cn/ 什么是环境变量? 对于一些常见的参数,我们可以将其定义成环境变…

转载:https://segmentfault.com/a/1190000009682735 前言 vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率.接下来我们就介绍一下vue-devtools的安装. chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了.不过要注意的一点就是,需要FQ才能下载. 手动安装 第一步:找到vue-devtools的github项目,并将其cl…

1,下载: https://github.com/datura-lj/vuedevtools 2,将下载好的文件拖到chrome拓展栏中(更多工具=>拓展程序): 3,修改计算机配置文件: win7目录:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0 打开文件“manifest.json ”修改参数(将f…

在前端开发全面进入前端的时代 作为一个合格的前端开发工作者 框架是不可或缺的Vue React Anguar 作为前端小白,追随大佬的脚步来到来到博客园,更新现在正在学习的Vue 注 : 相信学习Vue的都已经比较熟练的掌握了Js基础 ES6 jquery 日常代码调试 Node.js 环境 npm使用 不然学Vue可能比较吃力 推荐安装Vue的Chrome拓展程序方便调试代码(在谷歌商店搜索Vue 下载第一个) vue官网指南 > https://cn.vuejs.org/v2/guide/i…

https://blog.csdn.net/water_0815/article/details/53263643 今天给大家分享一款工具,好的工具能够让开发更高效,有时能成倍地提高.接下来会分几篇来介绍这个 Postman 工具,大致包括软件的下载与安装.软件功能视图.收藏夹管理.请求和响应.环境变量和全局变量.Pre-Request 脚本和 Tests 用例.导入和导出等内容. 一.Postman是什么? 那么,Postman是个什么东东呢?Postman的官网上这么介绍它:“Modern…

前言 DFRobot论坛今日支持Markdown发帖了: [md] your content here [/md] 非常棒,再也不怕辛辛苦苦排个版,一夜回到解放前.这里介绍一下Markdown写博客发帖子的优势,顺便说一下自己的经验. 1.使用 Markdown 的优点 专注你的文字内容而不是排版样式,安心写作. 轻松的导出 HTML.PDF 和本身的 .md 文件. 纯文本内容,兼容所有的文本编辑器与字处理软件. 随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱. 可读.直观.学…

ApiPost是一个支持团队协作,支持模拟POST.GET.PUT等常见请求,并可直接生成文档的API调试.管理工具. 它拥有以下功能特性: 1.文档管理ApiPost不仅可以快速生成接口文档,还支持导出离线html.Markdown.Word.Pdf格式的文档.方便您部署接口文档到您的本地甚至局域网服务器. 2.模拟登陆支持Cookie管理,发送接口时,可以携带自定义的Cookie进行模拟登陆,从而方便测试一些需要登录才能访问的API. 3.跨平台支持ApiPost拥有FireFox拓展插件.…

融e学-一个专注于重构知识,培养复合型人才的平台:http://www.i-ronge.com/ Postman 的官网下载地址是:https://www.getpostman.com/ 下载后看到压缩文件,解压缩文件看到安装包, 双击安装包直接安装次程序,安装成功后发现桌面多了一个 这样的小图标. 下面介绍下如何在 Chrome 中安装拓展应用.首先打开 Chrome 的应用商店,搜索“Postman”,点击“添加至 CHROME”,如下图所示: 添加成功后,在地址栏输入:“chrome://…

初学react,Chrome F12调试,需要一款插件react-devtools. 网上大多对于翻墙不利索的同学大多才用了git源码.npm本地手动打包Chrome拓展程序.如:https://www.jianshu.com/p/3d96279dead0 : 奈何小弟刚刚一直build失败,不得其解,不得不借用一个“神器”绕道走到罗马,那就是“Ghelper”,官方地址:http://googlehelper.net/ 下载最新版本,解压后看见贴心的文档<中国大陆安装方法.txt>,按照其中…

标题: Self signed certificate no longer valid as of Chrome 58(Chrome58以后自制证书不再有效)原文地址: https://github.com/webpack/webpack-dev-server/issues/854 解决方法:Xampp下载(XAMPP是最流行的PHP开发环境)https://www.apachefriends.org/zh_cn/index.html 将这个bat文件https://github.com/wil…

https://www.crx4chrome.com/crx/978/ Free Download Postman REST Client CRX 0.8.4.19 for ------------------------------------------------------------------------------- 这篇文章不错,原文: http://blog.csdn.net/sky_2016/article/details/45816095 作为一名码农,不会FQ.不会goo…