Chrome Console 快速抓取页面链接

最新推荐文章于 2024-05-08 23:26:17 发布

op/dlou Mike

最新推荐文章于 2024-05-08 23:26:17 发布

阅读量1.7k

点赞数 1

分类专栏：实用技巧文章标签： chrome javascript 前端 chrome devtools

本文链接：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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

op/dlou Mike

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用chrome爬取URL数据的实战代码

herosunly的博客

01-27

1万+

本文主要介绍了使用chrome爬取URL数据的实战代码，希望能对使用chrome的同学们有所帮助。文章目录 1. 问题描述 2. 解决方案

〖Python接口自动化测试实战篇⑥〗- 接口抓包工具 Chrome 的使用

热门推荐

易编橙 · 终身成长社群，相遇已是上上签！

05-28

4万+

在之前的章节我们介绍了 [接口测试到底是什么] 以及它的一些基础定义，从该章节开始将正式开始怎么样去做接口测试。实际上现实生活中做任何事情都需要做一些准备工作，做接口测试也是如此。...

参与评论您还未登录，请先登录后发表或查看评论

通过chrome console 快速获取网页连接

weixin_34289454的博客

10-08

1239

通过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;...

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链接（页面内容链接和历史记录等）

Interesting_Talker的博客

08-01

1万+

Chrome默认是在本页面打开链接，使用以下3种方法可以快速在新的页面打开链接 1.用鼠标中键（也就是滚轮）打开链接。 2.按住Ctrl键的同时单击链接。 3.右键单击链接，选择你喜欢打开的方式。 ...

chrome 获取 href

weixin_33701294的博客

12-16

262

2019独角兽企业重金招聘Python工程师标准>>> ...

chrome扩展程序获取当前页面URL和HTML内容

weixin_34081595的博客

07-30

9665

先交代一下manifest.json中的配置 // 引入注入脚本"content_scripts": [ { "js": ["content_script.js"], // 在什么情况下使用该脚本 "matches": [ "http://*/*", "https://*/*" ], // 什么情况下运行【文档加载开始】 "run_a...

抓取马上跳转的页面POST信息或者页面内容

qq_32394351的博客

12-25

5029

在控制台执行以下代码即可: document.body.innerHTML = '<iframe style="height:100%;width:100%" src="'+location.href+'" />'; 对于target属性为"_blank"的表单，点击搜索后会打开一个新标签页，影响调试难以确定进行的get/post操作可以通过设置跳转属性来避免: 控制台执行...

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'); ...

页面的跳转

weixin_51140082的博客

06-22

1899

跳转页面

java循环抓取网页超链接_提取网页中的超链接

weixin_39695306的博客

03-02

468

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

2505

<!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

1369

需要先把所有的请求给拿到。例如下面这样然后进入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

595

废话就不多说了，开始。。。打开chrome中的Tools>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

1002

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

JavaScript控制台打印图片/超链接

程麒阁的博客

05-11

1622

打印图片：代码实现： //打印一张图片 console.log(`%c `,`margin:8px;font-size:80px;background:url(https://6368-chengqige-7gunki87efeca981-1302748923.tcb.qcloud.la/%E5%B9%BF%E5%91%8A/JS.jpeg) no-repeat;background-size: 100%;`) console效果：打印超链接： console.log("%c大前端工程师的博客