首页 > 其他分享 >Chrome DevTools Console black technology All In One

Chrome DevTools Console black technology All In One

时间:2022-11-10 23:46:23浏览次数:68  
标签:Console btstr Chrome black https DevTools com

Chrome DevTools Console black technology All In One

Chrome DevTools Console 黑科技 All In One

Console Utilities API reference

https://developer.chrome.com/docs/devtools/console/utilities/

image

<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/hdRDTj6ObiE?start=6" title="YouTube video player" width="560"></iframe>

$()

类似 jQuery $(''')

$$()

copy


const obj = {id: 1};
copy(obj);


$x('')

$x(path [, startNode])

$x(path) returns an array of DOM elements that match the given XPath expression.

image

https://developer.chrome.com/docs/devtools/console/utilities/#xpath-function

https://stackoverflow.com/questions/10661949/what-is-the-variable-x-used-for-in-chrome

demo

利用 Chrome 控制台 + JavaScript + XPath + 批量下载

var btstr = "";

$x("//*[@id='content']//table[@class='table'][1]/tbody/tr/td[1]//a[1]/@href").forEach(function(element) {
   btstr = btstr + "\n" + element.value;
 });

copy(btstr);

image

https://leo.bi/2019/04/25/movie-download-tips/

refs



©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载

标签:Console,btstr,Chrome,black,https,DevTools,com
From: https://www.cnblogs.com/xgqfrms/p/16879223.html

相关文章

  • 工具篇 之 简单掌握 Chrome 以及 IE DeBug 。。。
    LZ-Says:是呐,越是强大的,越是清楚自己的路,更能很好的掌控自己,而我,差的还是很远。总是在该奋斗的时候迷茫,在迷茫的时候停滞不前,直至死循环over。前方虽然一片黑,但只要咬牙走下......
  • 小技巧 之 Google Chrome 快速截取网页长屏
    LZ-Says:有时候,突然就想对一个人蔫坏,蔫坏,讲不清。前言Mac的酸爽,也只有体会的人知晓。配个超大屏,简直要上天~俗话说,Mac命令666,大神嗖嗖嗖,小白俩眼懵。一点一滴,慢慢补起来......
  • Chrome 自动把 http 的 xhr 请求替换成了 https 域名
    问题描述遇到了个诡异的事情。客户反馈他们想在线上https域名下,就是要访问http的链接,但是失败了。发出去的一直是https的xhr请求。直接在控制台输入例子代码,就能......
  • 【XAML】WindowChrome的使用心得
    参考:https://blog.csdn.net/WPwalter/article/details/81121829 Windows结构标准窗口由两个重叠的矩形组成。外部矩形(灰色)是非工作区,内部矩形(白色)是工作区。 ......
  • 推荐一款个人感觉比较好用的 JSON 格式化 chrome 插件-JSON-handle
    ​​插件下载地址​​,记得打开VPN。JSON数据展示效果如下图,个人感觉还不错,就是加载起来可能会稍微慢一点,但并不影响我对它的好感。可以展开,收起。右上角有个小方框,点一下......
  • How to use HPQC on Chrome browser
     https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en-UShttps://www.ietab.net/ie-tab-documentation?fr=v1 InstallIETa......
  • chrome谷歌浏览器多开(独立环境 独立cookie)
    复制下面代码(路径)"C:\ProgramFiles\Google\Chrome\Application\chrome.exe"--user-data-dir="D:\ProgramFiles\Google\Chrome1"正常安装谷歌浏览器安装好后桌面......
  • 【教程】Chrome 浏览器安装Vue插件方法 (十分详细)
    【教程】Chrome浏览器安装Vue插件方法(十分详细) 博主最近在研究Vue,无奈新手想安装Chrome的Vue插件,整理下安装流程: 1.首先去github下载vue.zip文件插件(还有n......
  • chromedriver下载与安装方法,亲测可用
    chromedriver下载地址:http://chromedriver.storage.googleapis.com/index.htmlhttp://npm.taobao.org/mirrors/chromedriver/两个地址都可以下载,根据自己的chrome浏览器的......
  • 如何利用chrome和firefox进行接口分析
    有时候,我们可能看到了比较好的资源网站,就想把它的接口抽象出来,然后存起来,收藏下来。供我们自己去调用。这往往离不开利用浏览器去分析接口。因为我们一开始无法判断页面上......