开发插件

chrome开发插件栏目为喜欢利用chrome浏览器这个平台去开发扩展工具的程序员准备了详细开发工具资源免费下载安装!

  • HttpWatch HttpWatch V12.2.6

      当用户使用浏览器访问某个URL地址、提交表单数据时,浏览器会生成请求消息发送给服务器,服务器收到请求后,将生成的响应消息返回给浏览器。浏览器发出的请求信息和服务器返回的响应信息统称为HTTP消息。HTTP消息有着严格的格式。开发人员在进行开发测试的时候有时候就需要抓包分析这些报文。我们之前有介绍过一些抓包工具比如: fiddler (for Windows) 、 Thor:手机端HTTP 抓包分析工具 。而今天我们要介绍的也是一款非常有名的windows系统抓包工具httpwatch。  HttpWatch简介  HttpWatch chrome插件的作用就是显示,分析和保存Chrome浏览器生成的HTTP / HTTPS流量(请访问www.httpwatch.com)。HttpWatch自动化界面在IE和Chrome浏览器中提供HttpWatch的编程控制。 它可用于开发几乎任何编程语言(例如C#,JavaScript,Ruby等)的测试,这些编程语言捕获访问网页时生成的低级网络时序,错误和其他统计信息。但是,此接口仅提供基本GotoURL方法以在页面之间导航。 如果您的测试需要更多交互,例如提交表单或单击按钮,我们建议使用Selenium自动化框架。 最新的HttpWatch更新(版本11.1.19)包括几个与Selenium相关的改进,使集成更加容易。与内置的DevTools网络面板相比,HttpWatch支持许多其他功能:  - 通过按页分组请求,支持多页调试  - 支持在每个Chrome选项卡中自动记录和记录网络流量,无需用户进行额外干预  - 显示有关众所周知的性能和安全问题的警告,例如无效的缓存设置  - 高级查找和过滤功能可以更轻松地查找请求或内容  - 自动屏蔽POST表单数据中的密码,以便它们不会记录在HWL或HAR文件中  - 内置页面级别统计信息摘要,例如下载的字节数,网络往返次数等  - 为请求添加注释,以帮助后续分析日志文件  - 直接通过工具发送HWL或HAR文件  目前该工具仅限Windows,需要从单独下载,以便在安装 Chrome扩展程序 后完成安装。HttpWatch充当浏览器内的HTTP嗅探器,并显示有关Chrome生成的HTTP(S)请求的详细信息。这些信息包括:  - HTTP标头  - HTTP cookie  - 状态代码和错误  - 查询字符串  - 发布数据  - 内容 - 图像,文本和二进制  - 时间  HttpWatch Chrome插件使用说明  离线安装httpwatch chrome插件的方法参照: 怎么在谷歌浏览器中安装.crx扩展。如果你是最新版Chrome浏览器,可以参考chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法。  如何在Google Chrome中打开HttpWatch?  1、安装HttpWatch后,它会在Internet Explorer和Chrome中添加一个可用于记录和查看HTTP请求的扩展程序。单击HttpWatch图标可以打开扩展窗口。  2、在安装HttpWatch后首次打开Chrome时,它会要求您启用HttpWatch扩展程序,单击Enable Extension,HttpWatch即可使用。 可以使用快捷键(Ctrl + Shift + H)或单击工具栏中的HttpWatch图标打开它:  HttpWatch插件窗口的组成部分  HttpWatch插件窗口包含三个部分:  1、工具栏  工具栏显示在窗口的顶部,包含用于控制HttpWatch的按钮。有关更多信息,请参阅工具栏按钮。  2、请求网格  这将显示由HttpWatch记录的可滚动的HTTP请求列表。有关更多信息,请参阅请求网格。  3、请求视图  选择请求网格中的项目会导致HttpWatch窗口的下半部分显示有关该项目的详细信息。可以通过拖动将其与请求网格分开的水平线来调整此区域的大小。有关更多信息,请参阅请求视图  如何使用HttpWatch记录HTTP请求?  控制日志记录所需的基本步骤如下:  1、在Internet Explorer或Chrome中,通过单击图标或从菜单中选择它来打开HttpWatch窗口。  2、单击“录制”按钮开始录制HTTP请求。  3、使用浏览器与要检查的网站进行交互。在执行此操作时,您可以关闭HttpWatch窗口,它将在后台继续执行日志记录请求。  4、可以通过在请求网格中选择单个请求来查看这些请求。  5、可以使用“清除”按钮清空日志,也可以使用“停止”按钮暂停日志记录。  6、您可以使用过滤器避免记录某些类型的请求。

    time2022-05-30 views404
  • Postman Postman V7.1.0

      用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求,是很多开发人员进行接口测试的不二选择!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。  Postman下载重要提示  由于2018年初chrome停止对chrome应用程序的支持,你的postman插件可能无法正常使用了。我们在 详细了解为什么支持Postman Chrome应用程序已被弃用? 详细介绍了原因。  目前chrome应用商店能使用的就是chrome扩展程序和主题背景。如果你还想用postman,那么可以使用下面官方推出的Postman开发者所有系统的版本。  Postman for mac是一个提供在MAC设备上功能强大的开发,监控和测试API的绝佳工具。  Postman for Win64(V6.0.10)是一款针对Win64系统的功能强大的网页调试与发送网页HTTP请求应用程序。  Postman for Win32是一款针对Win32系统的功能强大的网页调试与发送网页HTTP请求应用程序。  Postman for Linux(x64)是一款针对Linux系统x64架构的功能强大的网页调试与发送网页HTTP请求应用程序。  Postman for Linux(x86)是一款针对Linux系统x86架构的功能强大的网页调试与发送网页HTTP请求应用程序。  Postman使用教程  小编根据官网内容翻译一份postman使用教程的白皮书,供大家参考: Postman API 中文白皮书文档  postman的操作环境  postman适用于不同的操作系统,Postman for Mac、Postman for Windows X32、Postman for Windows X64、Postman for Linux系统,还支持postman 浏览器扩展程序、postman chrome应用程序等。  Postman插件简介  Postman是postman这款网页调试工具的windows客户端,功能强大的HTTP调试与模拟插件。Postman提供功能强大的Web API & HTTP请求调试,能够发送任何类型的HTTP请求,附带任何数量的参数+ headers。我们网站提供Postman for Windows32&64位客户端下载,Postman浏览器插件版等不同版本的postman下载。  Postman下载安装教程  1.Postman安装  postman的安装方法分好几种,按照我们上文介绍的那样,我们分为三种安装模式介绍:  1.1、chrome浏览器postman插件安装  postman谷歌浏览器的安装插件,所以说它的使用前提是你的电脑上得安装谷歌浏览器才行,在安装了谷歌浏览器后还需要在谷歌网上应用店中下载所需要的Postman插件,该插件的下载方式如下:  不能访问谷歌商店的朋友,可以在本站下载离线安装,离线安装postman插件的方法参照: chrome插件的离线安装方法。  在本站下载postman插件后,打开chrome扩展程序管理页面,复制chrome://extensions/粘贴到浏览器地址栏,然后按回车键提交,会打开一个名叫 【扩展程序】的窗口。将下载的postman插件crx格式文件拖放进去就可以了。  1.2 postman插件安装成功后如何启用  在Chrome中安装了Postman插件以后,用户只需要在调试网站的时候启动Postman插件来进行几项简单的配置就可以实现对该网站的基本信息修改和发送各种类型的HTTP到该网站中,用户在发送HTTP数据的时候可以在编写相关测试数据的时候加入一定量的参数信息让测试数据更加准确,而这一切Postman都会完美地支持。  第一种:添加过程成功后,在地址栏输入:“chrome://apps”,就可以看到postman的图标了,可以点击下试试哦:  第二种:打开chrome的设置--更多程序---扩展程序,找到postman点击启动即可。  2、Postman电脑客户端安装  1).macOS安装  一旦你下载的应用程序,你可以拖动文件到“应用程序”文件夹。 双击Postman打开应用程序。  2).Windows安装  Postman的安装非常简单,在windows系统只需要双击安装包,然后什么都不需要操作,它直接就自己完成了,如下图。如果是mac 也是跟普通软件的安装方法相同。在初次登录的时候很多人都没有账号,所以说我们可以直接点击图示中的蓝色字体部分,直接进入Postman的主界面:  如下图,这就是Postman的主界面。  3). Linux安装  我没有试过,但是找了一些参考资料( 有兴趣的朋友可以自行实验)  ubuntu安装postman: 如何在ubuntu安装postman?  Ubuntu16.04上安装Postman应用程序: 如何在Ubuntu 16.04中安装Postman Native App  Postman接口测试教程  1、postman插件的使用方法  当开发人员需要调试一个网页是否运行正常,并不是简简单单地调试网页的HTML、CSS、脚本等信息是否运行正常,更加重要的是网页能够正确是处理各种HTTP请求,毕竟网页的HTTP请求是网站与用户之间进行交互的非常重要的一种方式,在动态网站中,用户的大部分数据都需要通过HTTP请求来与服务器进行交互。Postman插件就充当着这种交互方式的“桥梁”,它可以利用Chrome插件的形式把各种模拟用户HTTP请求的数据发送到服务器,以便开发人员能够及时地作出正确的响应,或者是对产品发布之前的错误信息提前处理,进而保证产品上线之后的稳定性和安全性。  2、Postman接口测试工具使用方法教程  想要了解postman怎么用?跟小编来了解一下吧。  2.1设置postman主题  点击右上角设置,找到里面的settings,选择themes。  2.2、postman基础功能介绍  请求区域介绍  1、 Authorization:身份验证,主要用来填写用户名密码,以及一些验证字段。  2、 Headers:请求的头部信息  3 、 Body:post请求时必须要带的参数,里面放一些key-value键值对  4 、 Pre-requerst Script:可以让你在 请求之前自定义请求数据,这个运行在请求之前,语法使用JavaScript语句。  5 tests:tests标签功能比较强大,通常用来写测试,它是运行在请求之后。支持JavaScript语法。postman每次执行request的时候,会执行tests。  2.3、管理用例—Collections  1、在collections中创建文件  collection在postman里面相当于一个文件夹,可以把同一个项目的请求放在一个Collection里方便管理和分享,Collection里面也可以再建文件夹。  第一步, 创建Collections  点击上图中的带+号的图标(New Collection),输入Name:”abc”,Description:”示例demo”,点击Create按钮即创建成功一个Collections.  第二步,在Collections里添加请求,点击Add Request新建。  保存好之后就可以在这里在它的下面看到,之后要再次调用时可以点击这里,会方便很多。  2、collections 管理精细化  我们可以针对不同的请求方式做分组,添加子文件夹,然后将有关到请求文件放到对应到文件夹中。  2.4、Postman接口测试请求流程  1、postman发送GET请求  GET请求:点击Params,输入参数及value,可输入多个,即时显示在URL链接上,  所以,GET请求的请求头与请求参数如在接口文档中无特别声明时,可以不填。  响应的格式可以有多种,由于这里请求的是 百度页面,所以 响应的是 html 。一般情况下,我们自定义接口的话是 json格式的响应体  这是一个get请求,地址是:由于page和size是必填参数,因此需要加到请求路径的后面去。同时在params里面也会自动添加。  2、postman发送post请求  post请求的接口需要填写Body,Body分为下图中的四种  Body:设置POST请求的参数。  1)form-data:HTTP请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。  2) x-www-form-urlencoded:对应信息头-application/x-www-from-urlencoded,会将表单内的数据转换为键值对;  3)raw:可以上传任意类型的文本,比如text、json、xml等,所有填写的text都会随着请求发送;  4) binary:只能上传二进制文件,且没有键值对,一次只能上传一个文件, 也不能保存历史,每次选择文件,提交。  3、postman设置cookie  为了更方便地获取cookie等信息,可以在chrome中安装一个插件:Postman Interceptor,配合postman一起使用,在网页中发送的请求会先经过 Postman Interceptor ,会显示出网页请求的详细参数(请求头、cookie之类)  4、postman接口测试教程之如何通过postman增加断言  5、postman接口测试教程之如何通过postman进行参数化  6、ostman接口测试教程之postman如何请求参数关联  2.5、postman环境变量参数设置  postman提供了环境变量的设置以满足不同测试环境的需求,如图,选择右上角小眼睛图标,进入 Management Environments,点击Add新增环境(点击环境名称可以再次进行编辑)。  创建了一个测试环境,设置url配置地址,在使用的时候根据环境的切换,url的值就会发生变化,这样就达到了地址切换的效果。  2.6 环境变量和global变量的使用  在请求的URL中以"{{}}"的方式引用,这样就可以灵活切换环境,不用测试完一个环境,换一个环境而去修改每一个请求的内容。  建议刚开始介绍postman进行接口测试的朋友先看一下: postman接口测试教程与实例分享 、 最详细的Postman安装及使用入门教程 、 Postman的基础使用方法教程介绍 以了解最基础的参数配置。有经验的朋友自不必多说了。可供参考文章:  1. 官方英文文档  2.画夹科技网整理的 Postman API 中文白皮书文档-Postman 使用教程  Postman注意事项  1.本站的Postman已经升级到最新版本,最新版的postman由于chrome安全的限制无法发送cookie和带有自定义头部标签的请求,有需求的朋友可以下载 Postman Interceptor 。  2.Postman和Postman Interceptor在使用过程中有任何问题都可以给我们留言。第一时间为您解答。  更多Postman插件相关文章推荐  1. 详细了解为什么支持Postman Chrome应用程序已被弃用?  2. Postman API 中文白皮书文档-Postman 使用教程  3. Postman如何使用(一):导入导出和发送请求查看响应  4.Postman如何使用(二):Postman Collection的创建/使用/导出分享等  5. Postman如何使用(三):使用数据文件  6. Postman如何使用(四):接口测试  7. PostMan使用教程之Windows上如何使用postman进行抓包  8. Postman接口测试工具中如何预览和发布API文档  重要注意  本页面为postman插件下载,chrome已经停止支持,请使用下面官方推出的Postman开发者所有系统的版本。  1. Postman for MAC下载  2. Postman for windows X64下载  3. Postman for windows X32下载  4. Postman for linux X64下载  5. Postman for Linux X86下载

    time2022-05-24 views326
  • 暴力猴插件(Violentmonkey) 暴力猴插件(Violentmonkey) V2.13.0

      与 Tampermonkey 齐名,中文译名“暴力猴”,支持Userscripts.org、GreasyFork、OpenUserJS三大脚本下载源,拥有丰富实用的油猴脚本,在很长一段时间内只支持遨游和火狐浏览器,但是随着chrome浏览器的普及,现在暴力猴插件的chrome版本已经上线,有需要的用户可以在线下载或本站下载。  暴力猴插件简介  Violentmonkey 通过加载第三方的脚本文件,改变页面中的CSS和JS元素,可以让整个网页大变样,也可以在网页中增加额外的功能。现代的网页特效缤纷,外观出彩,其中CSS样式表和JavaScript脚本起到了不可或缺的作用。比如某些网站的首页上,焦点图的切换、装机系统的实现等效果就是通过CSS和JS脚本来实现的。  暴力猴插件使用说明  1.用户需要直接在chrome应用商店在线安装,或许在本站下载离线安装,其安装方法参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?   2.用户安装好暴力猴插件猴在浏览器右上方点击器按钮标记可以导入用户脚本,也可以对其进行设置。  3.如下图所示,用户可以自行导入用户脚本。现在以支持中文版本。

    time2022-05-24 views769
  • Axure RP谷歌浏览器插件 Axure RP谷歌浏览器插件 V0.6.3

     Axure,代表美国 Axure RP 是一个专业的快速原型设计工具,是产品经理(Product Manager)的首选利器,没有之一。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。对于很多需要设计产品原型的朋友来说,Axure RP Pro可谓是非常方便、好用的一款软件,因为它不仅能绘制出详细的产品构思,也能生成浏览器格式的产品原型。但是如果想把原型拿给客户查看,但是在生成HTML文件时非常容易出错。因为在生成HTML并且打开查看时会询问我们用什么浏览器打开,如果选择的时是谷歌浏览器,那么就无法正常访问。如果用其他浏览器打开时则不会出现这个问题。所以想要在chrome浏览器中查看Axure RP则必须要先安装Axure谷歌浏览器插件。  我们经常会看到以下这些关于Axure Rp的问题:  1、我用Axure做的原型怎么不能用谷歌浏览器查看?  原因就是没有安装Axure谷歌浏览器插件。  2、到哪里下载Axure谷歌浏览器插件?  可以到谷歌应用商店直接下载,也可以在本站下载。当然不下载任何插件,在Axure Rp软件本身里面就能够找到Axure谷歌浏览器插件。其实,这个插件可以不去下载。因为,在Axure生成的HTML文件中就有这个插件。我们只需要,把它安装到浏览器就可以了。所以,  3、Axure谷歌浏览器插件下载下来怎么安装?  Axure谷歌浏览器插件的安装方法参照: 怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?  Axure谷歌浏览器插件使用说明  1.在用Axure在chrome查看原型时,没有安装Axure谷歌浏览器插件时无法显示会有提示信息,教大家如何安装插件:  打开谷歌内核的浏览器,在浏览器中地址栏中输入chrome://extensions/  或者点击浏览器的右上角选择更多工具->扩展程序,将下载到本地的.crx文件拖入到扩展程序中,点击确定完成安装即可。  2.设置:依次打开浏览器菜单–工具–扩展程序–Axure RP Extension For Chrome 0.62–勾选相关选项(见下图)  安装完之后,需要在Chrome里的工具——扩展程序里,将“允许访问文件网址”选中。  否则,还是无法演示本地的axure生成文件。  Axure谷歌浏览器插件注意事项  1.记住一定要选择“允许访问文件地址”

    time2022-05-23 views62
  • Sourcegraph插件 Sourcegraph插件 V22.4.7.1712

      众所周知,开源代码库向来都是程序员们的金矿,但是如何从中选择出合适的代码并且学会使用它们可是非常需要技巧的。GitHub作为一款基于Git的代码管理工具和协同工具是很优秀的,然而作为代码浏览和搜索工具,就和IDE差的很远了。我们之前也有介绍过一些 github插件 ,而今天我们介绍的这款chrome插件简直就是码农的必备插件。它可以让你像 IDE一样浏览和搜索Github代码。  Sourcegraph插件简介  Sourcegraph 是一款能够根据语义来把Web上的开源代码编入索引的代码搜索浏览工具。你可以从代码仓库和安装包甚至是函数里搜索代码,同时也可以直接点击被完全创建了链接的代码来阅读文档、跳转到变量定义或者马上找到可用的Demo。总而言之,你可以在你的web浏览器上完成这一切,而不需要配置任何编辑器。由Sourcegraph 出品的这款Chrome插件,可以非常方便的浏览和搜索Github上的代码,持跨repository搜索、跳转到定义、查找引用等功能,宛若一个功能强大的IDE。核心功能如跳转到定义(Go-to-definition)——浏览文件或查看pull请求时,将鼠标悬停在代码上可以查看文档提示,单击即可跳转到定义、查找引用或全文搜索。  Sourcegraph chrome扩展使用方法  1. 首先离线安装Sourcegraph chrome扩展程序,其安装方法同: chrome插件的离线安装方法。  2、Sourcegraph chrome扩展程序安装成功后,我们点击浏览器上方的按钮可以看到:  3、用户可以使用高级代码搜索,可以使用正则表达式快速匹配搜索,并且能对多个repository执行grep搜索。  4、如果你希望在搜索时仍停留在GitHub上,在选项面板中选择“添加源搜索到GitHub搜索菜单”即可,以后搜索时只需使用GitHub本身的搜索框。  5、对于插件支持的语言,可以直接转到某个元素的定义,而且就算在不同的repository中,也可以直接跳转。目前支持的语言有 Go, Java, Type, Java, PHP, 后续还将支持更多的语言。  6、Sourcegraph chrome扩展程序还支持查找引用、还可以找到方法的所有调用者,就像一个功能强大的IDE一样。

    time2022-05-23 views66
  • Header Editor Header Editor V4.1.1

      我们chrome插件网之前介绍过 Modheader插件 ,它是一款简单实用的chrome http请求头添加、修改或删除请求头和响应的浏览器插件。小编今天要介绍另外一款管理浏览器请求的Chrome扩展Header Editor。  Header Editor简介  Header Editor是一款管理浏览器请求的Chrome扩展,包括修改请求头、修改响应头、重定向请求、取消请求。  您可以从Redirector导入规则  规则说明  1、匹配类型  规则会应用到满足相应匹配条件的URL上  全部:对应所有URL,包括Header Editor自身  正则表达式:支持标准的JS正则表达式。例如你输入的正则表达式是str,那么,实际上,程序内部就会使用new RegExp(str)初始化正则表达式。如果匹配规则是正则表达式,则修改结果(目前包括重定向至)支持使用形似$1的占位符  网址前缀:包括http://在内的网址前缀  域名:包含子域名在内的完整的域名  网址:包括“?”及之后的所有内容的完整地址  2、排除规则  不论是否满足匹配规则,只要满足了排除规则,那么此条均不会对当前URL生效  3、自定义函数  通过自定义函数实现更灵活的功能。  其他特殊功能  使用功能“修改请求头”或“修改响应头”时,将头内容设置为_header_editor_remove_将会移除此头(自3.0.5起有效)  其他注意事项  将头内容设置为空,不同浏览器对此处理方式不同。Chrome将会保留此头信息,但其内容为空。Firefox则会移除此头信息  常见功能示例  下面的例子不保证均有效,只作为示例,用于帮助用户熟悉Header Editor的规则编写。  1、反-防盗链  使用说明:将URL匹配至图片域名,功能为“修改请求头”,将头内容Referer修改为任意可显示图片的网址。下列有一些常用的规则:  2、伪装UA  修改请求头的User-Agent即可,但功能只能影响服务器判断UA的能力,对于在本地通过JS判断的,无法伪装。  Header Editor使用方法  1、离线安装chrome插件的方法均可参照: 怎么在谷歌浏览器中安装.crx扩展 。如果你是最新版Chrome浏览器,可以参考 chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法 。  2、下载Header Editor的crx文件后,打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序查找),然后拖放 crx文件到扩展页面安装它;  3、点击“添加拓展程序”完成安装。  4、Header Editor菜单中主要有规则列表、选项以及导出和导入:  5、Header Editor右下角有方便的批量管理、添加;  点击批量管理,有全选/全不选、启用、分组、分享和删除功能;  点击添加按钮,页面如下:  Header Editor常见问题  1、为什么“头名称”变成小写了?  RFC 2616中写到:Each header field consists of a name followed by a colon (":") and the field value. Field names are case-insensitive.  每个标题字段由名称后跟冒号(“:”)和字段值组成。字段名称不区分大小写。因此,从4.0.0开始,Header Editor会将“头名称”变为小写。但自定义函数除外:除了已被其他规则修改的头外,自定义函数获取到的仍然是原始头。  2、规则消失  众所周知,在某些情况下,规则将消失或不起作用  注意:在执行以下所有操作之前,请备份您的Chrome / Firefox个人资料文件夹!  打开chrome://extensions/?id=eningockdidmgiojffjmkdblpjocbhgh,启用“在隐身模式下启用”。

    time2022-05-23 views332
  • Stylish Stylish V2.1.4

      你有没有浏览过一些网站,你非常的喜欢里面的内容,但是却对网站的样式什么的排斥,要么没有美感,要么字体太小不方便你阅读(尤其是在 iMac 的大屏幕上看的时候)。有没有想过要简单粗暴地定制你所浏览的网站的样式呢?有没有觉得换个高亮的颜色会更好看。Stylish就是这样一款它能为网站定制各种各样的主题,修改各种CSS样式的chrome插件。  Stylish简介  用户只需要在打开一个网站后点击插件图标,就能显示当前网站第三方制作的主题,点击应用即可,当然你也可以自己修改定制你的CSS样式。想把它安装到你的Google Chrome 浏览器,那么可以在chrome应用商店或者我们网站直接下载安装。插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?  Stylish使用说明  1、在chrome浏览器中安装好stylish插件后,浏览器的右上方会出现如下图示的标记:  2、用户可以打开需要定制的网页之后,点那个按钮,可以开始定制此处的样式:  3、初次使用stylish设置网站样式的时候,可以选择系统提供的模板,比如为Reddit添加黑色风格,使用简约的Facebook,或者更改Google、Twitter或您最爱的任意网站的外观。  4、用户也可以利用Stylish的CSS编辑器创建自己的用户样式(主题),然后与数百万Stylish用户共享。  例如:  1)在左侧顶部的输入框里给设定的样式随便取个名字,比如: Stylish ;  2)在其下面勾选 Enabled ;  3)右侧底部,“Applies to” 添加一条:  URLs matching the regexp: chrome-extension.*edit.html.*  然后在代码框里输入以下代码即可:  .CodeMirror {font-family: 'Courier New';font-size: 18px;height: 600px !important;}  Stylish注意事项  如果您发现某个网站没有主题,或者您想根据自己最爱的艺术家、电影或节日创建新主题,您可在Stylish论坛(forum.userstyles.org)上向Stylish社区请求创建该主题。

    time2022-05-18 views340
  • HTTPS Everywhere HTTPS Everywhere V2021.7.13

      对PRISM事件了解的人应该知道,在此事情出来以后,许多网友对网络安全的关心程度都达到了一个空前的地步。Google从2008年起便一直致力于实现令所有Google提供的服务均默认使用HTTPS加密技术。这一目标的意义在于,人们所使用的搜索、Gmail邮件、YouTube以及网盘等产品都将自动通过加密的方式与Google进行连接。除了Google自己的产品,Google还大力推广“处处皆加密(HTTPS Everywhere)”的理念来鼓励网站管理员预防和修复自身网站的安全漏洞,并且将是否使用HTTPS加密技术纳入了Google搜索排名的标准当中。一时间那些为上网保驾护航的软件、服务都引起了大家的兴趣,而Tor Project(洋葱路由器)和 EFF(电子前锋基金会,Electronic Frontier Foundation)联合开发的 HTTPS Everywhere chrome浏览器插件就是其中之一。  https everywhere简介  这几年 Google 不断提倡 HTTPS 加密链接的重要性,甚至对搜寻引擎排名有帮助,未来若网站没有使用 HTTPS 也会在 Google Chrome 浏览器跳出警告信息,这些迹象都足以显示出使用加密链接对于浏览者的重要性。通过 HTTPS 链接的好处是什么呢?简单来说,它会在传输时自动进行加密,避免资料在途中被第三方撷取而获得重要内容(例如密码或其他隐私信息),当然更好的是在浏览器网址列显示绿色安全标志,提高使用者的信任程度。  HTTPSEverywhere受到了Google推出加密版搜索的启发,它的目的是让用户在访问多数网站时能一直保持加密通信状态。绝大多数网站对HTTPS加密的支持相当有限,或者默认不使用加密,或者加密网页中嵌入大量非加密链接。HTTPS Everywhere扩展就试图解决这一问题,它支持的网站包括了Wikipedia、Twitter、Facebook、Google搜索等等。今天我们要介绍的「HTTPS Everywhere」免费工具相信许多人都听过(或也正在使用)。只要网站提供 SSL 服务,就自动转到 HTTPS 连接(比如访问 自动转到)。该扩展保卫了广大网民的信息安全,受到广泛好评。  https everywhere使用说明  从扩展程序名称 HTTPS Everywhere 应该就能知道它的用途,主要为加密网路,自动在网站上使用 HTTPS 加密链接!也就是大家常看到的「绿色锁头」功能。虽然不是每个网站都支持加密链接协议(但已逐渐成为标准配备),安装扩展程序后就能强制在每个网站使用 HTTPS 链接,也能建立规则选择是否要阻挡掉未加密的请求以获得更好的安全性。  1.在chrome浏览器中安装HTTPS Everywhere插件,并在Chrome的扩展器中启动HTTPS Everywhere的功能,HTTPS Everywhere插件的下载地址可以在本文的下方找到,离线HTTPS Everywhere插件的安装方法可参考:怎么在chrome浏览器中安装.crx扩展名的离线Chrome插件? 09/177.html。  2.在chrome浏览器中安装https everywhere成功后右上角会出现一个 HTTPS Everywhere 图示。  3.默认情况下 HTTPS Everywhere 安装后就会自动启用,点击图示后开启功能选项,也可以看到第一个「启用」项目为勾选状态。当 HTTPS Everywhere 运作时,一些稳定版规则下的已知链接网址都会自动走 HTTPS 加密链接,以此提高安全性及隐私。  4。如果你想调整某个网站的链接规则,可以点击「为该网站新增规则」来新增或修改,设定该网址规则、比对正规表达方式、重新导向等等,选项都有中文翻译,使用上不会太难。  5.若你想要阻绝所有非加密的 HTTP 链接,可勾选「阻挡所有未加密的请求」,这个选项比较暴力一点,勾选后就只会让 HTTPS 运作,因此其他不支持 HTTPS 的网站或链结都一律中断。开启这选项可能会导致很多网站无法正常开启,没有特殊必要建议不用打开。  https everywhere注意事项  1.https everywhere插件与某些其他chrome插件一起使用时可能会有冲突,目前有网友反映跟local cdn一起使用时有冲突。  2.如果https everywhere插件导致站点看起来怪异或中断,可以使用屏幕右上角的地址栏中的按钮禁用该站点。https everywhere目前正处于测试阶段,由于网站的HTTPS支持错误,不可避免地会出现一些这样的问题。还要注意地址栏中的“屏蔽”按钮,这意味着Chrome阻止了页面的不安全部分。有时网页会看起来怪异,他们的不安全部分删除。点击盾会让你加载他们,但会减少你的安全和隐私。

    time2022-05-18 views282
  • NoFollow NoFollow V5.3.4

      nofollow是html标签a链接的一个属性,在a链接标签里加上nofollow属性,意思就是让搜索引擎不要抓取此url网址,不作为反向链接和外链。也就是说如果一个网站的url如果被加了nofollow标签,对于搜索引擎是没有意义的,这样的外链对于站长推广网站是没有作用的。网站的站长常常在找一些可以外链的网站和论坛,在没有查看源代码的情况下我们是不知道此网站有没有给链接加上nofollow属性,查看源代码也很麻烦。我们今天要介绍的这款NoFollow chrome插件可以直接检测出网站上的链接是否带有nofollow属性,并将网站上所有带有nofollow属性的链接都会高亮显示出来,一目了然为我们介绍了很多时间和精力。  NoFollow插件简介  站长们在浏览网站的时候可能需要查看部分链接是否添加nofollow标签,一般的做法是Ctrl+U从网页源码中查看,面对一大堆的代码我们很难立即找到需要查看的链接,其实这些完全可以通过浏览器扩展来帮助我们完成。  NoFollow插件使用说明  1.NoFollow插件的下载地址就不用多说了,本文下方直接下载。离线安装NoFollow插件的方法参照: 怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?    2.在chrome浏览器中安装好NoFollow插件插件后,在浏览器的右上方可以看到一个连接一样的按钮标记。在打开的页面里如果存在nofollow标签的链接就会高亮显示出来,如下图所示:  3.用户还可以选择临时性的关闭nofollow chrome插件的功能,这些都只需要在nofollow插件的设置里面设置就可以了:  4.用户还可以设置您自己的CSS样式,概述nofollow链接(用于nofollow链接的单独的css样式以及nofollow元标记的页面上的链接)  NoFollow插件注意事项  1.如果扩展在某些网站上出现,您可以暂时禁用扩展菜单,然后选择“临时禁用”。要自定义扩展转到扩展选项(左键单击浏览器工具栏中的扩展按钮,选择选项)  2.将网站添加到例外列表中时,只需输入域名,请勿使用前缀http或页面名称。

    time2022-05-18 views24
  • LiveReload LiveReload V2.1.0

      WEB前端开发人员在写页面时,如果修改了html or css要想看效果通常的做法就是保存代码就得 Alt+Tab,切换到浏览器(当然,我知道很多开发人员是双屏操作不一定需要切换到浏览器),但是一定要F5刷新才能看自己刚写的代码有没有效果,没有效果就再切换到编辑器下修改,然后再切换到浏览器F5刷新看效果,还没有效果,就再继续修改,如此反复。时间久了,前端自动化一类的工具就是为了把双手从这些反复的,无意义的操作中拯救出来。开发人员就是那种能让机器完成的事自己绝不动手的动物,所以当然有解决这种问题的方法。网上的方案很多,我们谷歌浏览器插件今天在这里介绍的LiveReload就是一款这样的工具,它可以监听你设置的文件夹中文件的改变,若是文件内容有改变,它会自动刷新浏览器.切换到浏览器F5刷新,让你实时预览html效果。  liveReload插件简介  LiveReload插件的工作原理就是,livereload会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面。但如果你修改的是CSS或者图片,页面内容会即时更新,无需重新加载。这样我们不用每次修改文件后,都要去按下F5刷新页面,而是直接就能显示,有点类似所见即所得的编辑模式,特别适合使用双屏coding的人。另外同时结合Sublime text和 Emmet LiveStyle,能提高不少开发效率。  liveReload插件使用说明  1.在谷歌浏览器中安装LiveReload插件,并在Chrome的扩展器中启动livereload的功能,LiveReload插件的下载地址可以在本文的下方找到,离线LiveReload插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?  打开chrome浏览器,点击右上角-->设置-->扩展程序,把下载好的livereload插件拖到里面。  2.在chrome浏览器中安装LiveReload插件完成后,浏览器右上角会多个小图标。  3.把你的html用chrome打开,点击右上角的livereload图标,当图标中间的空心小圆,变成实心后,说明livereload正常工作  4.在sublime里面随意修改html,css,js代码,切换浏览后不用刷新就能看到效果了。  5.在编程工具中使用livereload还有一些基础配置,每个工具的配置方式不同,本文就不多做介绍了。  liveReload插件注意事项  1.我们需要在本地编程工具中安装一个LiveReLoad的软件,浏览器也需要安装一个liveReLoad的插件。

    time2022-05-17 views164
  • Octotree插件 Octotree插件 V7.3.0

      GitHub作为一款基于Git的代码管理工具和协同工具是很优秀的,然而作为代码浏览和搜索工具,就和IDE差的很远了。不然为什么到今天GitHub连个侧栏的文件树没有,很多开发者要专门去下载浏览器插件才能有文件树?为什么你还是需要git clone到本地在把代码装到你的IDE里才能愉快的阅读代码?是不是有想过如果能像IDE那样在GitHub上浏览代码多好?今天我们就来介绍一款Chrome浏览器插件Octotree,让你能像在GitHub上像你的IDE里一样浏览和搜索代码,让你的Github就像穿上了钢铁侠的战衣。  Octotree简介  Octotree主要功能  1.类似 IDE 的非常方便的代码目录树  2.使用 PJAX 的超快代码浏览(很快!)  3.支持公有库和私有库  Octotree使用说明  1,用户可以在chrome应用商店在线安装,也可以在本站离线下载安装。离线安装OcotoTree的方法参照: 怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?具体方法是打开chrome浏览器进入软件界面够,在搜索栏中输入chrome://extensions,然后在左侧的功能中选择“扩展程序”。直接拖动我们已经下载的octotree chrome插件至扩展程序界面。  随即弹出“要添加octotree吗”  用户点击“添加扩展程序”按钮即可进行添加。  2.添加成功以后打开github,在项目左上侧有一个三角收缩符号,点击三角符号,即可看到项目结构图以及具体代码。  Octotree注意事项  1.需要初始化的时间,像nodejs这种稍微大一点的代码库要花大概1分钟多有去爬吧  2.还是初始化的问题,并没有缓存,我自己做的话应该会有缓存,出错的时候再fix就好~  总结:体验还是很赞的,如果你已经在用或者用过,请千万别告诉我~

    time2022-05-13 views109
  • JSONView JSONView V1.2

      通常来讲,json数据一般没有经过格式化或经过了unicode编码,没有缩进,没有换行等,给开发者阅读造成了一定困难。而jsonview插件可以自动对json数据转码,缩进,格式化,直接显示出格式化后的数据,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。使得开发人员可以更好的阅读信息。  JSONView使用说明  1.用户可以在本站离线下载jsonview插件。离线安装JSONView chrome插件的方法参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?   2.用户有两种方法来配置JSON解析方法:  - 默认的方法(JSON内容是从显示的页面中提取的)更快,但可以(在一些极少数情况下)更改或无法解析JSON内容。  - 安全方法花费额外的XMLHttpRequest请求(JSON内容是从HTTP响应中提取的),但是100%安全。  JSONView注意事项  1.JSON使用JSONLint的客户端JavaScript实现进行验证  2.此扩展程序显示符合rfc 4627的JSON文本。  3.支持JSONP

    time2022-05-13 views188
  • Vue.js devtools插件 Vue.js devtools插件 V6.0.0

      做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。我们今天就来了解一下。  Vue.js devtools使用方法  1.你可以从chrome应用商店里找到Vue.js devtools插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Vue.js devtools下载地址。其离线安装方法同:chrome插件的离线安装方法。  2.打开vue项目,在控制台选择vue,然后就可以操作组件查看信息变化,  Vue.js devtools Chrome插件注意事项  vue.js devtool插件安装后无法使用,出现提示“vue.js not detected”的解决办法

    time2022-05-12 views96
  • fiddler fiddler V4.4.9

      开发人员在做网页测试的时候经常需要用到一些网络抓包工具来分析报文数据,我们常用的抓包工具有firebug、wireshark、httpwatch等。但是Firebug虽然可以抓包,但是对于分析http请求的详细信息,不够强大。模拟http请求的功能也不够,且firebug常常是需要“无刷新修改”,如果刷新了页面,所有的修改都不会保存;Wireshark是通用的抓包工具,功能那是相当的强大,不仅可以抓htpp包,连二层数据链路层的报文都能抓下来。这对于只需要抓取http请求的应用来说,似乎有些大材小用;Httpwatch也是比较常用的http抓包工具,但是只支持IE和firefox浏览器(其他浏览器可能会有相应的插件),对于想要调试Chrome浏览器的http请求,似乎稍显无力,然而chrome的在浏览器市场份额又那么的重。所以,我们今天要推荐的这款fiddler抓包工具就非常的符合大多数网页开发者的需求。  fiddler功能简介  Fiddler是位于客户端和服务器端的HTTP代理,也是目前最常用的http抓包工具之一 。 它能够记录客户端和服务器之间的所有 HTTP请求,可以针对特定的HTTP请求,分析请求数据、设置断点、调试web应用、修改请求的数据,甚至可以修改服务器返回的数据,功能非常强大,是web调试的利器。Fiddler是一款HTTP协议下的网络抓包工具,可以用其检测网页和服务器的交互情况,可记录所有客户端和服务器的http和https请求、允许你监视、设置断点、甚至修改输入输出数据。对于开发者来说,灵活运用fiddler能够对测试来说起上非常大的作用,包含了一个强大的时间脚本的子系统,并且通过.net语言进行扩展,你对HTTP协议越了解,你就能越掌握Fiddler的使用方法。fiddler的原理也很简单,其实是一款基于windows系统的代理服务器软件,本地运行的程序,比如web浏览器及其他客户端的应用程序,可以把http和https请求发送给Fiddler,Fiddler通常把这些请求转发给web服务器,服务器将这些请求的响应返回给Fiddler,Fiddler再把响应转发给客户端。注意:安装Fiddler之前需要安装.net framework  fiddler支持windows/Mac/Linux三个系统。本文的下载地址是fiddler for windows。其他系统版本下载地址见:  fiddler for Mac  fiddler for Linux  fiddler使用方法  1.fiddler的安装:fiddler的安装方法和普通软件的安装方法并无差异。  2.安装好fiddler后想要正常使用,还需要做一些配置端口和开启远程调试,已经配置HTTPs的调试。打开设置后 切换到Connections标签:  1) 配置端口: Fiddler listens on port: 8882  默认值为8888,但经常8888被占用,所以我换了8882,查电脑端口是否被占用自行百度吧。反正被占用了会不蹦正常使用  2) 开启远程调式,勾选上这个Allow remote computers to connect,手机连上和PC一样的局域网,手动设置代理,输入你的IP和上一步设置的端口号。  3)配置https的方法参照:fiddler for mac里面的介绍。  3、开发fiddler之后默认情况下就是抓包状态,可以查看界面左下角显示capturing,如果没有显示,单击此处可以开始抓包。  4、如果访问的网站是https网站,则需要通过Tools - Fiddler Options - Https - Decrypt Http Traffic来设置将https解密  5、通过浏览器发送请求。(在windows平台上此处并不限于浏览器,只要程序是通过winhttp或者wininet发送请求都可以被监测到)  6、在收到回复后回到fiddler查看抓包内容。  fiddler注意事项  1.修改了任何设置保存后,一定要重新fiddler才能生效!

    time2022-05-11 views14
  • 网速测试大师插件 网速测试大师插件 V4.1.6

      现在国内网络的覆盖面积已经越来越大了,几乎没有网络到不了的地方,各大网络运营商更是为了抢占市场而推出各种优惠套餐,比如网络提速,但是有时你会感觉明明提速到了百兆宽带,但是使用起来上网速度依然和没提速前的一样。到底是网络运营商忽悠人还是自己的错觉?这时有款可以测速的插件测试一下就知道了,比如 谷歌浏览器网速测试插件:网络速度测试 和 Speedtest by Ookla:网络测速插件 就是这样的插件,今天小编又发现一款这样的插件赶紧分享给大家,它就是网速测试大师插件。  网速测试大师插件简介  网速测试大师插件是一款免费、快速、精准、可靠的专业级互联网测速插件,可直接从您的工具栏中对网络进行测试,包括Ping值、下载速度/上传速度、网页加载速度,快速测试您的互联网性能,让您对自己的网络状况一目了然。  网速测试大师插件功能  1、几秒内测出Ping值  2、测试下载速度和上传速度  3、测试当前网页的加载速度  网速测试大师插件高级选项  打开高级选项,可自行选择测试当前网页的加载速度  1、Ping值:从PC对网络服务器发送数据到接收到服务器反馈数据的时间。通常在网络游戏中表示网络延迟程度,Ping值越大,网络延迟越严重,游戏运行越不流畅。  2、下载速度:1M宽带=1Mbps=1024Kbps=1024/8KBps=128KB/s,128KB/s就是1M宽带理论上最大的下载速度。而网络高峰期、网站服务能力等因素,都会影响到实际下载速度。  3、上传速度:单位时间内,网络数据的上行流量。普通宽带上下行不对等,上行宽带通常是限速的,比下行宽带慢。  4、网页加载速度:从进入网页到该网页所有内容加载完成所花的时间。  网速测试大师插件安装使用  1、网速测试大师插件离线安装的方法参照一下方法:老版本Chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。  2、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照: Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法 ,安装好后即可使用。  3、插件安装后会出现在 浏览器 右上方的插件栏中。  4、打开谷歌浏览器工具栏上的网速测试大师插件图标,会弹出一个测速菜单框,点击【开始测速】。  5、稍等片刻,就可以看到你的网络具体情况了。  网速测试大师插件注意事项  如果要测试某个网站的网页加载速度,需要在该网站上点击【开始测速】按钮。

    time2022-05-06 views95
返回顶部