本文内容都来源于偶整理的fetool. 想让更多使用Chrome的小伙伴,体验到这些令人愉悦的小工具,所以单独整理了这篇文章. 如果你是 前端/服务端/设计/面向Github编程/视觉控,相信下列的插件有不少你会用到,期待你能喜欢:) Chrome 应用商店必定是需要FQ的哈. 以下插件都是俺多年积累淘出来的,数量不多,所以就不区分 Github 插件和非 Github 插件了.按照俺推荐的强度自上向下展示,且大多数插件就是偶工作和生活必备,希望能对大家有用.后续如有新发现好插件,偶也会及时更新…

工具 Chrome浏览器 TamperMonkey ReRes Chrome浏览器 chrome浏览器是目前最受欢迎的浏览器,没有之一,它兼容大部分的w3c标准和ecma标准,对于前端工程师在开发过程中提供了devtools和插件等工具,非常方便使用.在爬取数据的过程中,最常用的应该是开发工具中的Element.Source和Network功能,分别查看DOM结构,源码和网络请求.同时,有很多基于Chrome浏览器的插件又给我们赋予了浏览器级别的能力,来处理数据. TamperMonkey Ta…

VUE前端插件.转载自:https://www.cnblogs.com/karthuslorin/p/8577224.html vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜…

工欲善其事,必先利其器,安利一波前端插件. Chinese (Simplified) Language Pack for Visual Studio CodeVScode汉化插件 Beautify代码自动美化插件 Bracket Pair Colorizer括号有颜色容易区分的插件 vscode-icons文件图标插件 open in browser打开浏览器插件 Prettier代码格式化插件 Quokka是一个调试工具插件,能够根据你正在编写的代码提供实时反馈,方便demo操作 Path I…

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

1.前言 现如今的时代,绝大多数人都要跟浏览器打交道的,说到浏览器那肯定是Chrome浏览器一家独大,具体数据请看 知名流量监测机构 Statcounter 公布了 7 月份全球桌面浏览器市场份额,主要数据如下: 浏览器 市场份额 月涨跌份额 Chrome 66.19% -0.74% Edge 10.84% +0.2% Safari 8.94% +0.01% Firefox 8.08% +0.28% Opera 3.06% +0.08% IE 0.75% 浏览器扩展插件的用途 生产力工具(和浏览…

1.在磁盘上创建一个目录,用来放应用的代码和资源 2.在这个目录中,创建一个文本文件,命名为manifest.json,其内容为: { "manifest_version": 2, "name": "Getting started example", "description": "This extension shows a Google Image search result for the current pa…

[血的教训] 不要去下载“Firefox中国版(谋智网络)”,默认情况下会给你安装好多的莫名其妙的插件,推荐去Firefox官方下载原版. Firefox 原版官方网址: https://www.mozilla.org/en-US/firefox/all.html 选择其中的“ 中文 (简体) ”版本下载即可! 另外,下载Chrome也要到官网去下载,Chrome官网地址: https://www.google.com/intl/zh-CN/chrome/browser/?hl=zh-CN Fi…

BlazeMeter发布chrome扩展插件,支持JMeter脚本创建http://www.automationqa.com/forum.php?mod=viewthread&tid=3898&fromuid=2…

chrome浏览器插件启动本地应用程序 2014-04-20 00:04:30|  分类: 浏览器插件|举报|字号 订阅     下载LOFTER我的照片书  |     chrome的插件开发这里就不多讲了,本篇文章只讲如何调用谷歌浏览器的api启动本地的程序并与之通信 要启动本地的应用插件需要包括两部分的内容: 1)安装到浏览器的插件部分 2)放置在本地的json文件 第一部分就跟普通的谷歌浏览器插件是一样的,包括两个必须的文件: 1)background.js(名字不一定为backgrou…

秋高气爽,分享一大波有效帮助设计师提高工作效率的Chrome浏览器扩展程序! 高效是另一种王道 无论是在工作中,还是在生活中,有些词我们说来就满满正能量,而另外一些话提起就很沮丧,后者如拖延症,前者如事半功倍,在节奏快.时间少的现实面前,高效办公往往意味着更多的可能.当我们打开电脑,通过浏览器来协助我们的工作时,那么显然花在浏览器上的时间越短,越有利于工作. 正是因此,阿随君就分享12枚常用的Chrome浏览器的扩展程序,集中精力,告别拖延症,走上高效办公之路. 爱用chrome浏览器的小伙伴求…

Rest Client(Rest接口调试工具,有保存功配置功能) chrome浏览器插件 下载地址 插件的操作很简单,下面是一些简单的实例. 1.安装 在谷歌应用商城搜索postman,如下图1-1所示: 1-1 Chrome应用商城截图 其中蓝色的是网页版,黑色的是桌面版,推荐下载桌面版,原因为可以使用账号同步,这个功能非常爽,之后会介绍到. 2.主界面,如下图2-1所示: 2-1主界面 左边是浏览历史(History)与收藏夹(Collection).新建文件夹按钮与导入按钮.右边为请求地址…

chrome浏览器插件window resizer可以调整当前浏览器分辨率大小 可以自定义大小,以适合于andorid和iphone设备…

原文:http://homepage.yesky.com/62/11206062.shtml 用Javascript编写Chrome浏览器插件 2010-04-12 07:30 来源:天极网软件频道 作者:Claud Xiao 责任编辑:杨玲·yesky 评论(5)     我为Chrome浏览器开发了一款插件,当我向朋友展示自己的插件时,受到他们的羡慕和称赞,那感觉酷极了!通过这次开发,我发现整个开发过程比较简单,有Javascript基础的朋友,都可以开发出属于自己的Chrome插件. 插件…

最近在和Design合作开发, 她发过来的原型图有各种各样色配色, 不想让她一个一个地标记颜色, 嫌效率低. 于是自己找到一款方便的Chrome取色插件, 叫做ColorPick Eyedropper. 使用方法很傻瓜, 点击菜单上的图标, 然后在网页里看一下就可以看到十六进制的色值了. 不过要让这个插件能够访问本地文件需要一个设置: 点击Chrome菜单 > More tools > Extensions > ColorPick Eyedropper > 勾选Allow acce…

分享一个 @user 前端插件   开源地址:https://github.com/yuezhongxin/Mention.js 插件效果:类似于微博或 github 中 @user 列表效果. 这是个二次开发的插件,花了几天时间,对 Mention.js(作者 jakiestfu) 进行了一些改进,主要是下面几个方面: 增加 search 自定义:可以根据输入的 @user-key,进行后台动态查询. 增加 textarea 跟踪焦点:效果是用户列表跟踪在 textarea 输入焦点,而不是在…

--chrome交互式插件的各个部分 Chrome插件的基础知识就不多说了.随便找个新手教程就能够上手了,比如官方提供的Overview与Getting Started教程足够入门了:笔者也是现学现卖. 一个插件事实上就是一些常见web资源的集合,将诸如js脚本.css样式.html文本.图片甚至dll等资源打包到一个文件里,并配上一个说明文档manifest.json,来说明插件须要的权限以及各个资源之间的一些基本的关系.插件安装到浏览器之后,能够在一定程度上控制浏览器的行为,相同也能够控制浏…

Google英译汉的质量怎么样?日常生活用语翻译还可以,但是一到专业性术语就歇菜了,翻译出来的东西简直就是惨不忍睹,惨绝人寰..对于酷爱英语学习又有强迫症的患者来说,一款既实用又方便,无疑就是雪中送炭啊.今天小编整理了四种非常实用又高质量的chrome翻译插件,就是谷歌浏览器翻译插件啦. 首先,第一款就是大名鼎鼎的有道划词翻译. 有道翻译引擎非常特殊.首先,它只支持翻译200个字符以内(其它三个无此限制),其次,有道翻译引擎不够稳定,会小概率出现莫名其妙的“宕机”有道翻译引擎非常特殊.首先,它只…

web scraper 下载:Web-Scraper_v0.2.0.10 使用 Chrome 浏览器插件 Web Scraper 可以轻松实现网页数据的爬取,不写代码,鼠标操作,点哪爬哪,还不用考虑爬虫中的登陆.验证码.异步加载等复杂问题. Web Scraper插件 Web Scraper 官网中的简介: Web Scraper Extension (Free!)Using our extension you can create a plan (sitemap) how a web site…

可在google的应用商店进行下载:chrome://apps/ 但大多时间无法链接. 国内插件下载地址: http://www.cnplugins.com http://chromecj.com/                                  http://getcrx.cn                                  https://www.crx4chrome.com/ 下载crx文件,放在本地. 打开chrome->工具->扩展应用 (chro…

一. 开启php xdebug扩展      注意:     1. 原生php各版本需对应各自的xdebug版本,可到xdebug上对应下载     2. 若用wampserver等环境,wampserver上有xdebug的话,不用再下载 (建议用wampserver2.5   在我的百度网盘上)     3. xdebug文件下载好放在php下的扩展(ext)文件夹下  (注意:xdebug2.2版本以下 有bug 最好用2.2以上)     4. 修改php.ini文件:        如…

什么是插件? 插件只是辅助,是开发过程中的一个阶段.一般项目一期会用各种插件,迅速将功能.界面搭出来,二期时就改成自己的代码了.大点的公司都有自己的js库,自己开发类似jquery的库. 那接下来就写一下关于前端表头的插件 urls.py from django.contrib import admin from django.urls import path from app01 import views from django.contrib.staticfiles.urls import…

最近在进行chrome浏览器插件的开发,一些小的经验总结随笔. 1.首先,推荐360的chrome插件开发文档:http://open.chrome.360.cn/extension_dev/overview.html 2.从chrome18开始往后,chrome浏览器插件开发的 manifest.json 文件中的 "manifest_version": 2 属性就必须被显式(固定)的声明了. 3.chrome插件开发,很大程度上需要chrome.* API 的支持,附上chrome…

百度网盘已然成为分享型网盘中一家独大的“大佬”了.时代就是这样不管你喜不喜欢,上网总会遇到些百度网盘共享的文件需要下载.然而,百度网盘对免费用户的限速已经到了“感人”的地步了,常常十多KB/秒的速度真能让人崩溃!虽说会员收费无可厚非,但即便你买了普通会员依然还会被限速!想要高速.极速满速下载你必须购买更贵的百度超级会员,这实在有点难啃.那么有没有什么方法可以突破百度下载限速的难题呢?今天我们chrome插件网就给大家介绍几种利用浏览器插件解决百度网盘下载速度太慢问题的方法. 首先,如何破解百度网…

工欲善其事,必先利其器 对于很多非专业前端开发来说写页面是非常痛苦的,借助框架或插件往往能够达到事半功倍的效果,本系列文章会介绍我在运维系统开发过程中用到的那些顺手的前端插件,如果你是想写XX管理系统的学生.或是需要独自做Dashboard的后端工程师.亦或是像我这样半吊子的开发加运维,那么这个系列的文章你一定不要错过 Bootstrap Dual Listbox是一款基于Bootstrap的双向select选择框控件,作为对multiple select的扩展,使用起来非常简单,功能也更强大…

工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了bootstrap-duallistbox这个插件的使用,这一篇开始Select2的征服之旅 Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示.列表检索.远程获取数据等众多好用的功能 项目地址:https://select2.org/ 基本使用 需要用到的JS和CSS文件位于项目代码下的dist目录中,需要将这个目录中的对应文件放入…

工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,前边两篇分别介绍了Duallistbox插件和Select2插件的使用,这一篇开始Databases的征服之旅 Databases是一款基于JQuery的表格插件,主要用来优化table,支持表格分页.搜索.排序.显示条数.异步加载等众多好用的功能 项目地址:https://datatables.net/ 基本使用 需要用到的JS和CSS文件位于项目代码下的media目录中,需要将这个目录中的对应文件放入你的项…

工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了Datatables插件的基本使用,这一篇文章作为上一篇的延续,会介绍Databases的一些高级用法,例如从不同的数据源获取数据.修改数据最终呈现方式.操作Dom改变页面功能.开启服务端数据处理等 数据加载 上篇文章中的所有数据都是直接渲染的html中的table数据,datatables还支持其他几种数据源,以方便实现更灵活的控制 从数组中获取 <table id="myTable-x…

Firebug 的年代,我是火狐(Mozilla Firefox)浏览器的死忠:但后来不知道为什么,该插件停止了开发,导致我不得不寻求一个新的网页开发工具.那段时间,不少人开始推荐 Chrome 浏览器,我想那就试试吧,期初我觉得用起来很别扭,毕竟我不是一个"喜新厌旧"的人.但用的次数越来越多,也就习惯了. Chrome 浏览器有一个好处,就是插件极其丰富,只有你想不到的,没有你找不到的,这恐怕是 Chrome 浏览器被众多爱好者钟爱的原因吧.当然了,Chrome 浏览器本身也非常强大…

本文仅供学习交流使用,如侵立删! JS文件替换神器--Chrome ReRes插件 ReRes插件安装配置 ReRes项目官方地址:https://github.com/annnhan/ReRes 谷歌商店安装:aHR0cHM6Ly9jaHJvbWUuZ29vZ2xlLmNvbS93ZWJzdG9yZS9kZXRhaWwvcmVyZXMvZ2llb2Nwa2JibGlkbm9jZWZqYWtsZGVjYWhnZWVpY2E/aGw9emgtQ04mZ2w9Q04= 安装完毕后,在地址栏输入chr…