Mac/Win 下浏览器网页长截屏（不安装截图软件实现）

最新推荐文章于 2024-04-15 10:43:10 发布
最新推荐文章于 2024-04-15 10:43:10 发布
阅读量529 收藏
点赞数 1
分类专栏： 前端 tools macOS 文章标签： 浏览器长截图 网页截图 浏览器命令截长图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27331631/article/details/109271363
版权
本文介绍了如何不依赖截图软件，在Mac或Windows上利用Chrome、Edge等基于Chromium的浏览器自带功能实现网页长截屏。只需打开目标网页，调出开发者工具，进入命令界面输入相关命令，选择全尺寸截图选项即可完成操作。
摘要由CSDN通过智能技术生成

有时候我们需要对整个网页进行截图，有很多方法，比如安装各种软件来实现，其实我们可以用基于chromium开发的浏览器实现，比如Chrome、Edge等，

首先打开我们需要截屏的网页

  1. 按下F12 or option+command+i，调出开发者工具界面
    在这里插入图片描述

  2. 按下shift+command+p调出命令界面在这里插入图片描述

  3. 输入Screenshot 有如下4个选项，选择第二个 full size 回车就可以了在这里插入图片描述
    Edge如下
    在这里插入图片描述

  4. 效果如下在这里插入图片描述

小狐狸和小兔子
关注
专栏目录
axure8.0软件（含Mac/Win）
05-16
总的来说，Axure 8.0作为一款强大的原型设计工具，无论在Mac还是Windows环境下，都能为用户带来高效、直观的体验。它的多功能性、跨平台兼容性和丰富的学习资源，使得它成为了设计界不可或缺的一部分。如果你正在...
chrome开发滚动截屏小技巧（pc和移动都可以）
python_lzt的博客
11-03 789
注： 前端开发过程中，需要经常性的截取开发图样给产品或者ui看效果。 半屏幕截图非常麻烦，所以需要全屏查看效果 用开发者常用的网站chrome，打开需要截屏的网页 使用快捷键组合：Alt + Command + I (Mac) || Ctrl + Shift + I (Windows) 使用快捷键组合来打开命令行（command palette）：Command + Shift + ...
chromium浏览器静默截图
啊渊的专栏
01-09 395
chromium浏览器静默截图
Mac电脑如何长截图？
Yale-曼陀罗
12-28 3724
2、按下组合快捷键【command+option+i】，出现“html”界面，如图。4、在搜索框内输入Capture full size screenshot，如图。3、按下组合快捷键【command+shift+p】，出现搜索界面，如图。5、按下回车键，弹出保存界面，选择保存位置，按下保存按钮即可。1、打开需要截图的网页（小编随意输入的内容），如图。
Mac电脑长截图操作教程，网页完整的长截图怎么截？3步搞定！
Someone_sky的博客
07-21 5737
的，比如想下载某张大图，但是网站把右键锁了，这个时候，就可以利用截长图的方法，截下来这张图，在我们的macz网站上有很多截图软件，今天为大家介绍的是不借助软件就可以完整的截出网页的长截图，非常简单，来和小编一起学习一下吧。这种方法，不仅适用于chrome浏览器，对于360也是适用的，还在发愁不知道怎么截长图的朋友，可以试试哦。最后，搜索位置输入Capture full size screenshot，回车即可。首先，打开要截图的网页，按下三个按键：⌘Command + Option + I。
Mac下安装Puppeteer，并利用chromium浏览器生成截图
Siona_xin 的博客
10-09 1万+
一、Puppeteer 简介1、Puppeteer 单词本义Puppet 木偶，傀儡 Puppeteer操纵木偶的人 软件工具Puppeteer是一个 node 库，他提供了一组用来操纵 Chrome 的API，允许通过JS代码操纵 Chrome 浏览器，完成数据爬取、Web程序自动测试等任务 官方网址：https://github.com/GoogleChrome/puppeteer 2、Pu
Python爬虫之pyppeteer的使用（爬虫、获取cookie、截屏插件、防爬绕过）
热门推荐
墨痕诉清风的博客
07-13 1万+
下载文本中的网页源码，由于需要向下拉动滚动条所以使用pyppeteer渲染网页，并执行js代码，可是发现开启无界面的时候似乎执行不了js代码，还有异步的时候好像也执行不了js代码 import asyncio from pyppeteer import launch import re, os,time async def create_page(): browser = await launch(headless=True, dumpio=True) return browser
APPLE SSD驱动（苹果macbook安装win10无法识别硬盘applessd驱动)
08-22
苹果笔记本进PE后不认硬盘，这个需要APPLESSD驱动 现在进到PE。先打开桌面的DG分区工具，看看能否...如果不能，就下载这个APPLE SSD，在AppleSSD.inf文件上点右键选择安装。然后现在DG分区工具可以识别出苹果硬盘了。
Apple苹果MacBook Pro 2012系列网卡驱动程序 for xp/win7 v15.0.0.21 官方版
07-02
苹果MacBook Pro 2012系列网卡驱动程序，是连接本地网络的必装驱动，如果你的笔记本不能连接本地网络的话就重装这款驱动。2012年WWDC上，苹果全球营销高级副总裁（SVP, Worldwide Marketing）菲尔·席勒发布了配备...
winxp/Win7/win8下可用的MAC地址修改软件
08-29
标题中的“winxp/Win7/win8下可用的MAC地址修改软件”指的是这款软件兼容Windows XP、Windows 7和Windows 8操作系统，可以在这三个版本的Windows系统上使用，为用户提供了灵活的选择，不论用户的电脑操作系统是较早...
mac10.15.xx系统使用winclone8版本安装win10教程加软件
04-14
用于mac电脑升级到10.15.xx的系统无法使用系统自带的软件安装win10使用。 所以做一个第三方的安装win10教程。主要是用工具winclone第8版本使用
#Python杂记--Selenium Chrome截取整个页面的图片的办法
投笔丶从戎的博客
08-16 2814
首先我们先了解一下什么是Chrome的CDP协议，CDP(Chrome DevTools Protocol) 允许我们检测，调试Chromium, Chrome 和其他基于 Blink的 浏览器. 这个协议被广泛使用. 其中最著名的是 Chrome DevTools，协议的api也由这个团队维护（摘自百度百科）。点击后，在弹出的框中搜索captureScreenshot，即可找到相关功能，我们点击其中的capture full size screenshot，就能截图整个界面了。..............
通过 WebBrowser 获取网页截图（第二种）
orichisonic的专栏
11-27 3484
这边提供第二种方式，前一种是用了webbrowser的线程安全，然后开启单线程等到webbrowser加载完成才drawimage来截图，比较稳定，这个方法在用openfiledialog打开文件后通过html的流来作为入参来截取比较稳定，如果用navigate会出现一些截取图片不完整的现象。下面上调用的函数定义： public class HtmlThumbnail {
使用Python和Chrome对网页屏幕截图
昔明日
02-23 643
2017年，Chrome发布了无头（无GUI）功能，能够从指定的视口截取单个网页的屏幕截图。这有助于保留存档以进行版本比较、监视和面向客户端的可交付成果。因为它是一个无头功能，所以非常适合与Python一起使用。在短短几行中，我们将运行无头Chrome，截取屏幕截图，对其进行优化，然后我们准备对其进行其他操作。它有助于检测更改和寻找性能机会。让我们开始吧！
java后台截图_Java+Selenium实现后台截图网页，可运行在树莓派上
weixin_32859127的博客
02-25 1023
前言：最近折腾了一个QQ机器人，突然有个灵感。当用户发送一个网页链接时，我想使用Java对网页进行截图，然后将截图文件发回到QQ上，感觉这个功能很酷炫，于是昨天(2020-10-29)研究了一晚上，下面对截图功能这个部分进行总结。一. 概述首先我在网上查询了相关资料(并不多)，最常见的两种方案：使用 Java 自带的 Robot 类，对电脑屏幕进行截图，不建议使用。使用 Selenium 工具，对...
chromium截图实现
你吧吧的专栏
06-20 4442
chromium截图实现
如何在Mac网页中长截图？苹果电脑网页截图怎么截长图？
Macdidiwei的博客
12-08 1万+
我们在网上冲浪的时候，经常遇到需要长截图的情况，在win系统中都是第三方软件来完成此功能，那么，在Mac电脑中如何实现网页长截图的功能？下面我们分享在Mac网页中长截图教程。 1、打开Ma电脑的Safari 浏览器， 2、在浏览器中，打开你要截图的网页； 3、在空白处，右键单击选择“检查元素”； 4、在弹出的“html”中，选中第一行并右键单击选择“捕捉屏幕快照”； 5、最后在弹出的窗口，输入名称，选择存储位置，点击“存储”按钮，即可完成。 ...
Mac OS selenium.webdriver.Chrome()---screenshot与Image.crop()的缩放问题
Jakkkeeee的博客
03-25 952
问题描述 selenium.webdriver.Chrome()---screenshot与Image.crop()的缩放问题 Mac OS 先用browser.save_screenshot保存截屏为pic_1.png，使用Image.open(’./learn_result/pic_1.png’).crop((left,top,right,bottom))截取指定矩形元素，最后结果与预期不符，网上能找到windows的解决方法，但找不到Mac os的，最后将(left,top,right,bottom)
Macbook 滚动截屏
最新发布
freeRoad
04-15 1049
Chrome 插件方式 Full page screen 亲测有效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小狐狸和小兔子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值