Chrome Console 快速抓取页面链接

最新推荐文章于 2024-05-09 10:04:06 发布
最新推荐文章于 2024-05-09 10:04:06 发布
阅读量1.8k 收藏
点赞数 1
分类专栏： 实用技巧 文章标签： chrome javascript 前端 chrome devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x_slf/article/details/122744966
版权
本文介绍了如何通过Chrome Console快捷地抓取网页上的所有链接以及包含特定关键字的链接。在Mac上，可以使用cmd + opt + i快捷键，Windows用户则可按F12打开Chrome Console。在控制台中找到Console选项卡，通过JavaScript代码实现链接的抓取。对于较旧的浏览器，提供了修改关键字的代码示例。
摘要由CSDN通过智能技术生成

如何打开Chrome Console

  • Mac： cmd + opt + i
  • Windows： F12

-> 之后在弹出页面中上部点选Console（控制台）选项卡

抓取全部链接

var urls = document.getElementsByTagName('a');

for (url in urls) {
   
    console.log ( urls
最低0.47元/天 解锁文章
使用chrome爬取URL数据的实战代码
herosunly的博客
01-27 1万+
本文主要介绍了使用chrome爬取URL数据的实战代码，希望能对使用chrome的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
〖Python接口自动化测试实战篇⑥〗- 接口抓包工具 Chrome 的使用
热门推荐
易编橙 · 终身成长社群，相遇已是上上签！
05-28 4万+
在之前的章节我们介绍了 [接口测试到底是什么] 以及它的一些基础定义，从该章节开始将正式开始怎么样去做接口测试。实际上现实生活中做任何事情都需要做一些准备工作，做接口测试也是如此。...
浏览器控制台console常用命令小结
青春木鱼的博客
05-09 3633
chrome调试工具的Console对象相信很多人使用过，熟练的Web开发人员会经常使用 console.log() 在其代码中打印消息和调试问题，实际上还有很多很有用的功能和技巧，善用之可以极大提高Web开发，网站调优的效率！这里我们总结一下常用的console常用命令，供大家参考。
Google抓取工具：从Google SERP中提取链接
02-03
谷歌爬虫 GoogleScraper是一个nodejs模块，用于从Google SERP中提取链接。 下载 该资源可从下载。 或者，您可以使用Node Package Manager（npm）或yarn安装： npm install google-scraper yarn add google-scraper 例 const GoogleScraper = require ( 'google-scraper' ) ; const options = { keyword : "javascript" , language : "fr" , tld : "fr" , results : 100 } ; const scrape = new GoogleScraper ( options ) ; scrape . getGoogleLinks . then ( function ( value ) { console . log ( value ) ; } ) . catch ( function ( e ) { console . log ( e ) ;
通过chrome console 快速获取网页连接
weixin_34289454的博客
10-08 1251
通过chrome console 快速获取网页连接 var ip = document.getElementsByClassName("jDesc"); var str = ""; for(var i=0;i<ip.length;i++) { var node = ip[i]; str+="\n"+node.getElementsByTagName("a")[0].href;...
教你一个快捷键，在新的标签页快速打开Chrome链接（页面内容链接和历史记录等）
Interesting_Talker的博客
08-01 1万+
Chrome默认是在本页面打开链接，使用以下3种方法可以快速在新的页面打开链接 1.用鼠标中键（也就是滚轮）打开链接。 2.按住Ctrl键的同时单击链接。 3.右键单击链接，选择你喜欢打开的方式。  ...
chrome 获取 href
weixin_33701294的博客
12-16 274
2019独角兽企业重金招聘Python工程师标准>>> ...
chrome扩展程序获取当前页面URL和HTML内容
weixin_34081595的博客
07-30 9809
先交代一下manifest.json中的配置 // 引入注入脚本"content_scripts": [ { "js": ["content_script.js"], // 在什么情况下使用该脚本 "matches": [ "http://*/*", "https://*/*" ], // 什么情况下运行【文档加载开始】 "run_a...
chrome扩展抓取请求数据返回的内容
sw_onload的博客
03-26 1万+
参考文档链接 chrome.webRequest.onCompleted可以获得网络请求返回的header,但无法获取返回的内容，经过多方研究发现可以用chrome.devtools.network来获取，这丫的也搞了好久呢，一开始根本不知道怎么入手，还是看了这篇文章才有点头绪Chrome插件(扩展)开发全攻略（干货） 这个开发者工具做出来需要在控制台才能看到，话说我也是找了很久，就是可以自定义的面板，跟vue,react那些的开发工具其实是一样的，不过由于只是讲如何抓取数据，这个页面就随便啦，长什么样子都
写一个 chrome插件抓取网站数据
最新发布
09-29
- 使用`chrome.tabs.executeScript()`获取当前页面的内容，可以使用像`cheerio`或`puppeteer`这样的库来进行DOM操作和数据提取。 ```javascript // 例如使用Puppeteer const puppeteer = require('puppeteer'); ...
抓取马上跳转的页面POST信息或者页面内容
qq_32394351的博客
12-25 5044
在控制台执行以下代码即可: document.body.innerHTML = '<iframe style="height:100%;width:100%" src="'+location.href+'" />'; 对于target属性为"_blank"的表单，点击搜索后会打开一个新标签页，影响调试难以确定进行的get/post操作 可以通过设置跳转属性来避免: 控制台执行...
页面的跳转
weixin_51140082的博客
06-22 1932
跳转页面
java循环抓取网页超链接_提取网页中的超链接
weixin_39695306的博客
03-02 479
usingSystem;usingSystem.Xml;usingSystem.Text;网络using System;using System.Xml;using System.Text;using System.Net;using System.IO;using System.Collections;using System.Text.RegularExpressions;public cla...
实现浏览器的页面跳转
liulang68的博客
07-06 2516
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
如何拿到浏览器请求的所有url
funnyPython的博客
05-10 1457
需要先把所有的请求给拿到。例如下面这样 然后进入console里面，输入a = 然后粘贴刚才复制的部分，如果不让粘贴，按照浏览器要求的allow pasting 进行粘贴。 然后粘贴成功之后，执行 b = a.log.entries.map(e=>e.request.url) 就可以拿到所有请求的url了。 也可以根据自己的需要做一些url的处理。 参考: https://gist.github.com/cvan/03ffa0c71317cb6b0b95a41ab189b097 ...
请求浏览器使用chrome查看http请求
weixin_34034261的博客
04-30 605
废话就不多说了，开始。。。      打开chrome中的Tools&gt;Developer Tools      点击Network tab.然后用使浏览器行进作操,然后在network口窗中就会涌现刚才执行的http请求。      点击tab中的headers，可以看到请求的header，form-data等数据。     每日一道理 生命，是一场漫长的棋局。这盘棋没有猎...
chrome跳转新页面，抓住访问url等信息方法
github_39333092的博客
10-19 1万+
勾选上设置中 Global下的auto-open DevTools for popups
实用的Chrome命令大全
工宗浩生财指南针
05-08 1121
Google Chrome 是一款广泛使用的网络浏览器，它支持一系列特殊的命令，这些命令可以通过在地址栏输入特定的关键字来实现。这些命令不仅可以帮助用户快速访问Chrome的内部页面，还可以用于调试和优化网站性能。以下是一些实用的Chrome命令的详细介绍。
利用浏览器console控制台实现JS网页点击
RecordStudy
10-13 1万+
适用场景：需要网页中的某个页面中选择N多个特定的元素，然后对他们依次点击（比如选中）。 1、根据页面中DOM元素分析页面的结构找出共同点，方便定位元素 除了JS中常用的document.getElementById(“id值”)、document.getElementsByTagName(“标签名”)…之外，他们都比较限定，有没其他的方式根据自定义属性去获取元素？ 比如： <input type="checkbox" name="hobby1">爱好1--游泳<br/> <in
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值