1 开发者工具面板    面板上包含了Elements面板.Console面板.Sources面板.Network面板.Performance面板.Memory面板.Application面板.Security面板.Audits面板. 这些按钮的功能点如下: ·        Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈. ·        Console:记录开发者开发过程中的日志信息,且可以作为与JS进行交互的命令行Shell

自己运营了一个公众号,在发文章的时候,需要在网上找一些图,而有些网站的图片可能隐藏在属性或者背景图中,要下载的时候经常审查元素,查看源码,不太方便,最近在看一些谷歌插件的api,便顺手做了一个插件Image downloader.源码放到了github上,顺便学习并用了一下git.地址:https://github.com/yeyuqiudeng/imageDownloader 功能 Image downloader有下面几个功能: 收集所有的img标签src的图片链接 收集所有的背景图片链接

Image downloader的交互逻辑是这样的:用户点击Image downloader的图标,会向页面(content script,见上一篇文章:谷歌插件Image downloader开发之 content script)发送收集图片事件,页面收集完图片后,将对应的图片地址数组发送给popup页处理.popup页就是点击谷歌插件图标所弹出来的页面.Image downloader的popup页是长成这样的: popup页包含的功能 popup页采用了vue1.0来做数据绑定,主要包含了

基本功能看插件,说几个自定义搜索的实现 自定义技巧:%s选择的文字或页面或链接,%g转换成GBK字符集,%t转换成BIG5字符集,%p剪贴板内容,%u当前页面域名. 注:这部分内容来自谷歌插件介绍.使用一个新的软件时一定要先好好了解官方提供的信息. 一.划词菜单 1.1.自定义实现搜狗微信文章搜索 在划词菜单下添加自定义选项,链接如下: https://weixin.sogou.com/weixin?type=2&query=%s 说明: %s 表示你选中的词: type=2表示搜索微信文章,t

好久不写博客了,感觉自己变得越来越懒了,是没有时间吗?不是,是自己变得越来越懒了,好多东西不愿意去总结了,可能也是学的不精总结不出来什么玩意儿.不过,一切都是借口.还是坚持学习,坚持写博客吧,虽然写的不咋地…… 今天上CSDN看文章的时候,对,就是CSDN,为啥不是博客园呢?因为随手点过去了呗,要是不随手,我就可能过这来了.不过呢,最重要的还是CSDN广告多啊……是个练习写插件的好地方啊,我自己学了一段时间的谷歌插件制作方法,就凑热闹也凑合着写了一个,就是屏蔽CSDN广告页面的,已经用了几个月了

iOS开发UI篇—推荐两个好用的Xcode插件(提供下载链接) 这里推荐两款好用的Xcode插件,并提供下载链接. 一.插件和使用如下: 1.两款插件 对项目中图片提供自动提示功能的插件:KSImageNamed-Xcode-master 提供快速创建自动注释:VVDocumenter-Xcode-master 2.使用介绍: (1)KSImageNamed-Xcode-master的使用 安装该插件后,会对文件中图片进行智能提示. (2)VVDocumenter-Xcode-master能提供

vue 在浏览器控制台怎么调试 谷歌插件vue Devtools 问题: vuejs里面的变量,怎么用浏览器的console查看? 例如,想在chrome里用console.log查看变量$data,会显示undefined. 解决方案: 再main.js里面声明window.Vue = new Vue window.Vue = new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) 在浏览

谷歌插件下载地址 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

最近在学习谷歌插件,想找个项目练练手,就拿今日头条开刀 首先访问地址是:https://www.toutiao.com/c/user/50025817786/#mid=50044041847 通过抓包发现ajax请求数据的所需要的参数如下图: 其中page_type 可以认为是固定的,user_id 可以用页面中提取,count 固定为20,as,cp,_signature是加密的, 经过抓包找到发送请求的JavaScript方法,如下图: 上图是加密的方法所在的文件, 上图是发送请求的方法,从

像新闻类的版块经常要求一条条的新闻滚动出现,要实现这种效果,可以使用jQuery无缝滚动插件liMarquee. 注意: 1. 它的兼容性是IE7+,及现代浏览器. 2. 引用的jquery的版本最好是在1.9以上. 问题: 在实现突破链接滚动时,经常会遇到ul的部分li元素会换行 原因: 原因是li元素设置了margin-left或margin-right,或者是li里面的a标签设置了margin-left或margin-right,导致ul的宽度小于其所有子元素的宽度.margin.padd

谷歌chrome浏览器network中Stalled分析和优化 问题由来 最近项目上要求首页的加载速度,查看浏览器的network发现接口加载速度非常慢. 问题解决思路 SSL 网上有人因为图片加载,选择关闭SSL.就不存在问题,速度非常快 原因:查询相关资料使用ssl效率降低60%左右. 结果:SSL是一种安全协议(在此不做具体分析),不舍弃安全协议去优化性能 Network Network中的瀑布流可直观查看到接口调用详细 本文主要从Network入手,并且逐步解决问题 分析过程 简单列出

Chrome开发者工具面板 面板上包含了Elements面板.Console面板.Sources面板.Network面板.Timeline面板.Profiles面板.Application面板.Security面板.Audits面板这些功能面板. 这些按钮的功能点如下: Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈. Console:记录开发者开发过程中的日志信息,且可以作为与JS进行交互的命令行Shell. Sources:断点

版本:v1.1 更新时间:2013/11/01 * 代码完善 + 右键关于显示当前版本号,点击并链接到软件帮助页 版本:v1.0 更新时间:2013/10/20 + 插件原型

最新版本:下载 版本:v1.5 更新时间:2014年10月08日  +完善了:YeImageFinder:支持在每次启用插件时,也能正常绑定右键! +完善了:每次做完动作后,就马上关闭自身! 版本:v1.4 更新时间:2014年9月25日  * 修改启动时机为浏览器启动时加载. 版本:v1.2 更新时间:2014年1月16日  * 修改为谷歌浏览器可用的插件,不再支持搜狗浏览器. 版本:v1.1 更新时间:2013/11/01 * 代码完善 + 右键关于显示当前版本号,点击并链接到软件帮助页 版

这里推荐两款好用的Xcode插件,并提供下载链接. 一.插件和使用如下: 1.两款插件 对项目中图片提供自动提示功能的插件:KSImageNamed-Xcode-master 提供快速创建自动注释:VVDocumenter-Xcode-master 2.使用介绍: (1)KSImageNamed-Xcode-master的使用 安装该插件后,会对文件中图片进行智能提示. (2)VVDocumenter-Xcode-master能提供快速注释 只要在需要进行注释的地方敲三个斜杠(即///),就能根

早上在测试调用服务去获取数据的时候,因为自己的单元测试不是很熟悉,问了同事,同事给我介绍了一个插件Advanced REST client,这个可以在谷歌的“扩展与应用”中找打,使用 安装之后会提示要下载一个JSON的文件: 打开Advanced REST client,可以看到 此处输入的URL是带参数的,主要是用来查询数据:现在,终于解决了我的大难题了~~~~~~~~~~~~~~~恭喜恭喜~~ 特别提示:使用这个插件,需要本地项目处于运行状态,才可以~~ ==================

该插件可将用户在浏览器操作时的 HTTP 请求记录下来并生成 JMX 文件(JMeter 脚本文件). 1. 插件解压 插件下载链接: https://pan.baidu.com/s/14nGb_s9VzG1_EsGakw93yg 提取码: 4jb9  将该插件解压 2. 插件安装 ① 谷歌浏览器输入chrome://extensions/ 进入扩展程序安装界面,打开[开发者模式] ② 点击[加载已解压的扩展程序],添加解压后的目录:metersphere-chrome-plugin 3. 插件

一.下载地址 http://chromecj.com/web-development/2015-05/456/download.html 二.简介 CssViewer是一款快速查看当前页面元素的CSS样式的插件,无论是在做新的网页还是在做修改 相信他都能帮上大忙. 下载安装都非常的简单,测试过支持chrome支持360浏览器,别的没有测过.  三.截图

在host里最后加上 方法起源来自于https://blog.csdn.net/qq_40693171/article/details/83623409 但是里面的360字体库已经停运http://wangzhan.360.com/notice/detail4 所以实际上没有用 其次 codeforces里有很多脸书连接,也会导致卡顿 所以 1.重定向谷歌字体库到一个能用的镜像上 2.屏蔽脸书 host后面加上这几句: 202.141.178.13 fonts.googleapis.com 18

1.验证 验证的插件: http://parsleyjs.org/ http://jqueryvalidation.org/2.前端UI 首页动态图片的插件:http://bxslider.com/ 图标:http://fontawesome.io/ :下载.icons3.bootstrap:用于响应式前端架构 响应式:不用刷新整个页面,可局部刷新部分代码 http://www.jeasyui.com/download/index.php :传统的后台管理页面,例如有用户密码弹出框之类的 htt

1.下载谷歌浏览器插件工具:blazemeter. 2.在谷歌浏览器中拖放安装扩展工具:blazemeter. 粘贴的图像828x219 13.5 KB 3.测试网站利用这个工具录制jmter脚本. 粘贴的图像465x567 39.1 KB 4.用edit修改模式,保存为json格式文件. 粘贴的图像344x537 22 KB 粘贴的图像1583x1009 53.2 KB 5.然后去插件的官方文件转换格式网站:http://bzm-con-web.elasticbeanstalk.com/ 转换