您当前的位置:首页 > 指南 > 正文

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

关于【chrome开发者工具各种骚技巧】,今天乾乾小编给您分享一下,如果对您有所帮助别忘了关注本站哦。

内容导航:1、chrome开发者工具各种骚技巧:Chrome 开发者工具各种骚技巧2、chrome开发者工具各种骚技巧,推荐几个实用的chrome拓展和脚本

1、chrome开发者工具各种骚技巧:Chrome 开发者工具各种骚技巧

1、曾经,在线调伪类样式困扰过你?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

2、源代码快速定位到某一行!ctrl + p

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

3、联调接口失败时,后台老哥总管你要response?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

4、你还一层层展开dom?Alt + Click

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

5、是不是报错了,你才去打断点?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

6、你是不是经常想不起来,在哪绑定事件的?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

7、你是不是打断点时还要去改代码?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

8、看dom层级的最直观的方式?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

9、查一些特定的请求,过滤器用过吗?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

10、在Elements面板调整dom结构很不方便?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

11、想知道,某图片加载的代码在哪?Initiator!!

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

12、不想加载某个文件了?

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

多的就不列举了,可以看看开头的网站。看了有几个功能我电脑(win10)是没有的,应该跟chrome版本有关。

开发者工具的功能确实挺多,多得有时根本用不上,官网教程建议每个前端人员都看看:

中文版:https://www.html.cn/doc/chrome-devtools/

2、chrome开发者工具各种骚技巧,推荐几个实用的chrome拓展和脚本


本文共有3343字和29张图历经两天完成。作者本着学生需求角度,进行了插件测试、插件体验。

推荐了以下六个插件数个脚本(希望大家耐心地看完,相信你会发现新大陆)。

在刚使用使用谷歌浏览器时,大家会遇到第一个问题:搜索界面以及搜索框,没法直接搜索。

那是因为谷歌浏览器默认用的是google的搜索引擎,在国内现在是打不开google搜索的,所以我们只能更改浏览器的搜索引擎。

但你用着用着就发现:谷歌商店/谷歌学术/谷歌地图等无法使用。

那么这个如何解决呢?接下来介绍第一款插件:

1 集装箱

它主要提供四种功能:

谷歌助手:为学生、科研、开发等人员提供谷歌加速服务(简单说就是你可以直接使用谷歌搜索了/谷歌商店/谷歌地图了)网盘助手:安装插件后支持直接下载百度网盘文件、自定义提取码以及一键生成分享链接等等,提升你的网盘使用效率。优 惠 购 :以最优惠的价格,把宝贝抱回家。下载卫士:拒绝高(捆)速(绑)下载。

除以上之外,它还可以直接将某网页链接转成二维码(只需右击)。除此插件还有谷歌访问助手、谷歌上网助手等都有类似的功能。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

2 Infinity

Infinity,基于过去对新标签页的认识,觉得新标签页不仅仅如此,应该有更棒的功能和极简的设计。今天我们重新定义了新标签页,一个追求极简美学和一站式服务体验更少的东西体验更多的功能。新一代的标签页,一个更好用,更强大的新标签页。让你更优雅,轻松地使用chrome(简单说就是美化搜索界面,见下图)。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

是不是很清爽、简约、好看。除此之外,你可以定时更换一些高清壁纸,也可以设置自己的照片呢。

3 秘塔写作猫

写作猫是新一代AI写作伴侣,帮你推敲用语、斟酌文法、改写文风,还能实时同步翻译。在任何网站进入编辑框后,会自动进行校对,并用下划线标出错误。

这是我最近发现的一款优质插件,对于现在需要写知乎/公众号文章和写论文的我来说,简直是一大纠错神器。

值得称赞的是它支持直接在135编辑器和其他写作界面进行纠错(和135需要会员的文本校对功能说拜拜)。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

4 5118站长工具箱

对于在写文章、正在写毕业论文学生来说,内容要求原创率高,不能存在大部分抄袭。

这个宝藏拓展插件,你值得拥有。 它是一款全面、便捷、高效的内容创作工具。

体验:这款插件提供的功能非常的多:像查询网站数据,行业数据,对手分析,关键词查询等等。

但对于我们大部分的学生,这显得有些繁杂。

对我而言,只有智能原创和原创度检测功能才令我赞不绝口(见下图)。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

测试某篇论文的某段文字,只修改了一句话就成功地将相似度从100%降到87.06%。对于写论文的我来说,真是如获至宝!

「温馨提醒:作为学生其他功能大家浏览了解一下即可。主要能起到帮助的是智能原创和原创度检测功能。操作:主页面选择内容神器—在下拉栏中选择智能原创和原创度检测。似乎使用次数过多要收取一定的费用。 」

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

5 图片下载助手

作为就业办助理平时排版各大公司的招聘信息,文章开头和封面往往会将该公司的logo放上来,一般情况下都是直接百度,但图片的质量和尺寸大小却并不令人满意。

然而,这款插件就能完美地解决问题:我们可以直接去公司的官网右键使用“图片下载助手”。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

以龙湖官网为例

不仅如此它还可以批量下载图片甚至还可以对图片的尺寸/分辨率进行筛选等(见下图)。

然后你在对单个图片右击,你又会发现宝藏,居然支持生成图片二维码,查找类似图片(见下二图)。

谁用谁知道,真是相见恨晚啊!

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

6 油猴tampermonkey

作为称霸谷歌拓展程序榜首数年的存在,油猴被用户尊称为暴力猴,浏览器外挂、一款全能神器。

刚开始接触油猴,只知道它可以快速下载某盘文件。直到最近,亲自去体验才发现新大陆、新世界。

它的强大主要取决于它是开源的,可以添加众多脚本,而脚本由全世界程序爱好者创造,供大家免费使用。

先给大家介绍几个脚本:

脚本一:懒人专用,全网VIP视频免费破解广告、全网音乐直接下载、百度网盘直接下载、知乎视频下载等多合一版。长期更新,放心使用。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

测试后,可以观看各网站VIP视频/下载各网站音乐/百度网盘直接下载。

视频破解方法:进入你想观看的视频页面,点击网页左侧VIP图标即可观看。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

音乐下载方法:在音乐网站单曲页面,点击页面左侧 VIP按钮,进入下载页。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

网盘功能:脚本网盘下载只适合小量下载,如需大量文件或者超大文件下载,建议购买百度网盘超级会员。使用此功能后,你的网盘上就会出现“下载助手”按钮。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

亲测可以直接下载,速度比某盘快了一些

若要高速下载,那么我们就需要其他的插件或软件的帮忙了:

网盘万能助手 IDM下载器插件或 XDOWN下载器。

将网盘万能助手安装后,网盘上同样会出现一个下载助手按钮。

先解释下“下载助手”显示的各个按钮:

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

网盘万能助手插件

使用此插件后,它也会在你的网盘界面上生成一个下载助手。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

之后你就会发现,你上面会有两个下载助手(哈哈哈)。那是因为其中一个是脚本一的下载助手。那么,要如何分辨呢?网盘万能助手的“下载助手”下会有下图显示标志。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

IDM下载器插件

IDM是一种将下载速度提高5倍,恢复和安排下载速度的工具。全面的错误恢复和恢复功能将由于连接丢失,网络问题,计算机关闭或意外断电而重新启动中断的下载。简单的图形用户界面使IDM用户友好且易于使用。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

IDM结合网盘万能助手下载演示

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

IDM下载速度测试

XDown下载程序

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

XDown结合网盘万能助手下载演示

注:以上方法不支持文件下载,但支持压缩包哦。

脚本二:AC-baidu:重定向优化百度搜狗谷歌搜索_去广告_favicon_双列

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

该脚本主要有三个功能:

去掉百度、搜狗、谷歌搜索结果的重定向,回归为网站的原始网址---附带有去除百度的广告 包括百度顶部和底部的垃圾广告-百家号(简单讲它可以让你非常迅速地进入网站)默认移除百度百家号的内容--应广大群众的需求添加百度、搜狗、谷歌搜索结果中Favicon显示效果

往往我们在使用百度搜索引擎时,搜索会先进入百度再到目标网页。

而这款脚本直接将中间商抹除,直接到目标网页。其次,就是它强大的去除各种繁杂广告的功能了。

开启前:

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

开启后:

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

真是一款超赞的脚本,最喜欢这种清爽的界面了;

安装这个就不用Adblock Plus(一款拦截网站上的弹出窗口和烦人的广告的插件)。

其他脚本

除以上脚本,作为学生我们还可能用到:

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

注:测试百度文库下载,需要关注其公众号获得暗号,下载速度一般。这个嘛,仁者见仁智者见智了。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

以上三款网课观看脚本,因没有途径,未进行测试。大家自己斟酌哈。还有众多脚本就不一一介绍了,大家可以自行浏览。

脚本下载方法

最后给大家讲一下脚本下载的方法:

点击油猴插件—选择获取新脚本—会出现下图界面(我使用的是第二个网站GreasyFork )

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

这时候有人就会问插件在哪下载?如何加载到谷歌浏览器中呢?

插件下载渠道:

极简插件网:https://chrome.zzzmh.cn/

谷歌商店:http://www.cnplugins.com/

插件安装方式:

方式一:文件是crx文件。

在谷歌浏览器设置栏中—选择更多工具—点开拓展程序—接着将下载的插件拖入其中即可

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

方式二:文件是压缩包(先解压)。

在谷歌浏览器设置栏中—选择更多工具—点开拓展程序—再点击加载已解压的拓展程序—找到已解压的拓展程序即可。

chrome开发者工具各种骚技巧,开发者工具各种骚技巧

Chrome的灵魂是要配合插件使用,而在国内谷歌对应的所有网站都是没办法上的

大家平常在百度搜到的教程大概都是提供好CRX文件直接安装的

这种安装方式的话通常都会出现“请停用以开发者模式运行的拓展程序”

当然这是可以解决的但基本都没有解决根源

下面聊一种进谷歌应用商店直接下载的方法 完全免费 操作手法也简单

参考下面这个文章

推荐几个实用的Chrome拓展程序插件「附安装教程 」


最后的最后,自然是福利时间啦:

网盘万能助手插件和XDownr程序获取:

关注我,私信后台回复【网盘】即可获取下载链接。

其他的则可以在极简插件和谷歌商店中下载。

本文关键词:谷歌开发者工具,chrome浏览器开发者工具开启的方法,chrome开发者工具手机网页版,chrome开发者工具使用教程,谷歌浏览器的开发者工具怎么用。这就是关于《chrome开发者工具各种骚技巧,开发者工具各种骚技巧》的所有内容,希望对您能有所帮助!


声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,谢谢。

上一篇: 95588网上银行 95599cn网上银行官网

下一篇: valign标签 valign



推荐阅读