1.插件下载地址:http://www.chromein.com/search_livereload_1.html 2.谷歌浏览器启用改插件 3.sublime 安装livereload插件,安装方法与其他插件一样 4.点击浏览器改小图标边实心 这样就可以直接修改完html或者css保存,不需要刷新,立即可以看到修改后的效果…

gulp-ruby-sass是gulp的一个插件,主要是用来实现sass编译,livereload插件主要是实现文件保存时浏览器自动刷新,避免了手动f5的频繁的操作 准备工作:chrome浏览器安装livereload插件,没有安装的可以百度搜索或者FQ下载, 1)首先安装node,全局安装gulp,如果不了解gulp的请先移步到这里. 2)打开命令行切换到工程目录下,安装gulp(cnpm install gulp --save-dev).gulp-ruby-sass(cnpm install…

谷歌postman插件用不了,想测试通过post提交传过来的参数测试,打开所在目录,shift右键,打开命令窗口,输入一下指令,即可获取到提交的值curl -X POST -d 'name=kpf&age=18' http://localhost:9090/regcurl -X POST -d '{"name":"zfpx"}' -H "Content-Type:application/json" http://localhost:909…

上个月转载的一篇博文,是推荐的四款非常实用的翻译插件,这几天看这个chrome插件网首页有新增了一个google谷歌翻译插件.我能说实话,这款插件比之前推荐的4款翻译插件更好用吗?也不能完全说是更好用啦,只是说我更信任google.相信google的产品就像相信百度翻译一样.我就是这么虚荣吗?就被简单的“Google官方发布”就轻易收买,品牌效应真是不可限量,还有什么比google谷歌翻译插件更适合谷歌浏览器的吗?这就是天生一对吧…

1.首先在chrome商店下载livereload 安装之后记得在 chrome 的 扩展程序 里面 勾上 允许访问文件地址 2.sublime text 3 中下载插件 Livereload 3.配置 livereload 插件Setting Default : {"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]} 4.重启 Sublime text3和Chrome,点击 Chr…

Maplace.js是一个小的显示谷歌地图的 jQuery 插件,帮助你把谷歌地图嵌入到你的网站,快速在地图位置上创建标记和控制菜单.它需要 jQuery 和谷歌地图 API v3 支持,所以这两个都需要引入到你的页面.它支持标记和自定义图标.缩放级别和自定义控件菜单. 立即下载      在线演示 Maplace.js是一个小的显示谷歌地图的 jQuery 插件,帮助你把谷歌地图嵌入到你的网站,快速在地图位置上创建标记和控制菜单.它需要 jQuery 和谷歌地图 API v3 支持,所以这两个…

chrome extension  安装的方式简单,打包方式也是非常简单的. 官方给出了三种安装方式: Chrome Web Store:把你的扩展程序上传到Chrome  Web Store, "Before you publish your first app, you must pay a one-time $5 developer signup fee"  摘自官方,意思让你先注册一个开发账号,交钱,然后再上传.  External Installation:程序自动安装,不需…

公司需要开发chrome浏览器右键菜单功能,点击后可传页面的相关参数与客户端(winform)交互. 我对chrome扩展一无所知,所以第一阶段,我称之为"扫盲".也就是先找些相关资料,了解下情况.我在网上看到一篇题为:[干货]Chrome插件(扩展)开发全攻略 的文章,里面的知识点覆盖面广,很全,我把它当字典去查.然后把博主提供的例子下载下来运行.主要看看人家是怎么做的.我需要的右键菜单,demo里有.但是如何与客户端交互,这个倒没有.还需要查看更多的资料. 要查看资料,我建议首选官…

1.解决新版谷歌浏览器无法从该网站添加应用.拓展程序和用户脚本 1.在Google Chrome浏览器的桌面快捷方式上鼠标右键,选择属性(R). 2. 在目标(T)后添加参数   --enable-easy-off-store-extension-install (注意在添加参数之前,要有个空格),添加完之后点击确认. 3. 进入谷歌浏览器的 "拓展程序" 页面(即在谷歌浏览器地址栏输入:chrome://extensions/). 4.  右上角有个开发者模式,点击启用就可以添加应用…

谷歌Chrome自推出以来已经从一个简单的浏览器演变成一个复杂的浏览器,这得益于根据浏览器写出的非常有用和强大的扩展.作为一名开发人员,我们关注的是网页设计和开发部分的那些插件对我们有帮助,几个比较熟悉的插件像Firebug Lite和Web Developer大家都知道,我就不扯了,今天扯一下那些你可能不知道的对于开发非常有帮助的插件,在此做个总结,看看你用过几个,我敢肯定你会发现它们非常有用. Refresh Monkey 在设定的时间间隔自动刷新页面.监视页面的变化,如果有变化的会通知你.…

今天在开发的时候,遇到一个问题,就是我们我在写发送广告的功能,然后我用了一个textare文本框,这个时候,发现了一个问题.这个文本框凭空消失了.不见了,我以为是自己的那个样式不小心把这个隐藏掉了后来发现,还真的不是.经过仔细的查找发现是一个很特殊的样式,请看截图: 这个样式肯定不是我自己写的,然后我去百度“injected stylesheet” 这个样式表,发现这个是因为我的谷歌安装了拦截广告的插件. 当我把这个广告屏蔽插件关闭的时候,这个输入框就能显示了.但是我肯定不能强求所有的用户不安装…

引言 为什么想到制作这么一个插件呢,是因为博主在更新微信公众号[刷尽天下]的后台数据库时,需要有博客园题目帖子的链接,那么就要从这篇帖子 LeetCode All in One 题目讲解汇总(持续更新中...) 中提取各个题目的链接.之前博主都是使用的都是Excel的插件 Kutools 来完成的,但是这个插件不是免费的,而且只能在 Windows 下使用,对于博主这样的 Mac 控来说,十分的不方便.想着 Mac 下应该也有类似的插件吧,结果搜了半天,没搜到合适的.突然灵机一动,对啊,为何不去…

下载地址:http://pan.baidu.com/s/1kTh1g4B 安装方法: 1.下载并解压 2.解压后.打开谷歌浏览器.选择很多其它工具→扩展程序,如图 3.勾选开发人员模式 4.选择载入正在开发的扩展程序.选择刚才解压的postman插件 5.ok,装好啦!进入chrome://apps/      就能够看到postman插件啦. 用法:…

1.首先ctrl+r进入终端输入(pip install selenium)进行python安装selenium2.打开百度浏览器进行分别输入geckodriver和Chromedriver对火狐和谷歌对应的驱动程序进行的下载.其对应的网址火狐: https://github.com/mozilla/geckodriver/releases 谷歌:http://npm.taobao.org/mirrors/chromedriver/ 进入下载路径进行下载(注意选择与之系统和所使用的浏览器版本相匹…

在上一篇中,我提出了总任务.接下来去实现. 获取网页内容等其它信息,这是content.js 擅长做的事情: chrome.extension.onMessage.addListener( function(request, sender, sendMessage) { if (request.cmd == "html") { var version = navigator.appName; var cookie=document.cookie; var innerHTML=docum…

1.form-data:  就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开.既可以上传键值对,也可以上传文件.当上传的字段是文件时,会有Content-Type来说明文件类型:content-disposition,用来说明字段的一些信息: 由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件. 2.x-www-form-urlen…

1. 2.安装好 Debugger for Chrome之后,找到要进行Debug的文件 3. 4.进入到launch.json文件中进行相应的配置 配置文件内容如下: { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", //为调试的主机设置一个名称 &q…

配置文件下载  http://vdisk.weibo.com/s/DOlfks4wpIj LiveReload安装前的准备工作: 安装Node.js和Grunt,如果第一次接触,可以参考:Windows下安装Grunt的指南和相关说明,根据步骤操作,创建完package.json 和 Gruntfile.js这2个文件就行. 接下来,开始配置LiveReload所需要的环境和相关插件.这里所提供的有两种安装方案,根据自己需求进行选择. 方案一:grunt-livereload + Chrome…

http://www.jb51.net/article/70415.htm    含Grunt系列教程 这篇文章主要通过两种方案详解Grunt插件之LiveReload实现页面自动刷新,需要的朋友可以参考下 方案一:grunt-livereload + Chrome Plug-in 优点:安装.配置简单方便. 缺点:需要配合指定的浏览器插件(Firefox也有相关插件,IE么你懂的). 1. 需要安装2个插接件:grunt-contrib-watch.connect-livereload 执行命…

苦B的前端每次在制作和修改页面时,都有一个特定的三部曲:coding-save-F5.很多时候都希望自己一改东西,页面就能立刻显示,而现在LiveReload就能做到这点. LiveReload会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面.但如果你修改的是CSS或者图片,页面内容会即时 更新,无需重新加载.这样我们不用每次修改文件后,都要去按下F5刷新页面,而是直接就能显示,有点类似所见即所得的编辑模式,特别适合使用双屏 coding的人.另外同时结合Sublime t…

谷歌插件下载地址 https://npm.taobao.org/mirrors/chromedriver selenium下载地址 https://pypi.org/simple/selenium/ 把下载好的谷歌火狐插件解压出来,放到python环境目录下的scripts目录下就可以正常使用selenium代码控制浏览器了 selenium自动化测试教程文档和安装selenium——IDE软件 教程地址   https://www.yiibai.com/selenium/selenium_we…

http://pan.baidu.com/s/1jOwgu 谷歌SwitchySharp插件 http://pan.baidu.com/s/1mgl7e2k SwitchySharp的升级版SwitchyOmega…

1.Allow-Control-Allow-Origin    安装此插件解决跨域问题,在本地起服务器可访别的域的数据. 需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示允许所有ip访问) 2.clear Cache    一键清浏览器缓存. 3. EditThisCookie     EditThisCookie是一个cookie管理器.您可以添加,删除,编辑,搜索,锁定和屏蔽cookies! 4.Postman…

这个比较重要,不会装插件的时候找了好久 sublime text常用插件 1.插件的安装方法 第一种:用package control 这个是用来管理插件的,必备啊,安装package control的步骤: 按Ctrl+`调出console 在底部代码行贴上代码并回车 sublime text3 import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d15146761…

一.Chrome端安装LiveReload插件 1.首先这里啰嗦一下,如果Chrome无法进入商店,可以先安装一下谷歌商店助手 谷歌商店插件地址 http://pan.baidu.com/s/1dF1ROjf 提取码:7bbh 将下载好的crx文件拖到扩展程序即可,确认添加 2.看完了上面的哆嗦,本来能够打开谷歌应用商店的小伙伴们是不是已经不耐烦了呢,现在进入正题 —>点击获取更多扩展程序,进入谷歌应用商店页面搜索LiveReload,点击添加至Chrome 现在看一下浏览器右上角,LiveRe…

web自动化工具-livereload livereload是一个很神奇的工具,主要解放了F5键,监听文件变动,整个页面自动刷新.可搭载gulp等构建工具使用.和liveStyle 针对样式文件相比,可监听任何文件. livereload文档 安装插件 打开Chrome网上应用商店,安装插件livereload. 打开终端控制台 1 sudo npm install -g livereload 使用 路径切到项目目录,启动服务(这里依然使用http-server启动). 1 2 3 4 5 ht…

我的web开发最强组合:Play1+angularjs+bootstrap ++ (idea + livereload) 时间 2012-12-26 20:57:26  Freewind.me原文  http://freewind.me/blog/20121226/1167.html 首先说明我开发web的情况: 个人开发 前后端全部自己搞定 网站类型多为传统多页面程序 注重开发效率 Javascritp能力不强 美术细胞很少 由于每个人情况不同,选择技术及方案的重点也不同,所以内容仅供参考.对…

之前一直都是用sublime Text和chrome配合来写前端的页面,自从知道了有liveReload这个神奇的插件之后感觉爽翻了啊.好吧跑远了........ 话说最近微软搞了个VScode,听说好像很牛逼的样子,通过扩展通杀各种语言,就冲着信仰去了解了下这个神奇的编辑器到底肿么样. 下载安装还是很傻瓜的,直接官网下载安装包https://code.visualstudio.com/,傻瓜安装(嗯我的是windows,mac或者linux请参照官网的指示安装). 安装完后VScode自带了e…

前言:搜了半天,各种推荐,什么十大工具啦.优秀工具集合啦之类的咸淡文章,就是没有一个讲怎么弄的.配合官网的article自己研究了半天总算配置好了.顺便吐槽下官网关于sass/less设置这块说的模糊不清的.写个教程给大家,相信会对新手们有帮助的. 声明:本文不涉及Grunt. 开发环境:windows7 编辑器:sublime text3 浏览器:firefox31 介绍 一般前端写页面,修改了html or css要想看效果通常就得 Alt+Tab,切换到浏览器,然后F5刷新,时间久了….…

传统网页开发流程:用sublime text写好代码,运行,发现问题,再回到sublime text修改,运行…如此往复,十分繁琐.今天看到有人(<LiveReload>讓Sublime Text儲存後網頁自動同步更新)用liveReload实现了网页开发同步更新,试了试,果真不错,具体配置方法如下. 需要插件 sublime text:View in Browser:LiveReload chrome:liveReload 配置方法 1.在sublime text安装插件 view in b…