Chrome和Firefox浏览器长截图

原创 已于 2022-03-08 23:28:13 修改 · 1.3w 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#firefox #chrome #前端
于 2021-03-10 18:16:49 首次发布

假设有一个很长的网页，我想把整个页面都给截下来，那么我可以使用Firefox浏览器或者Chrome浏览器实现长截屏。

Firefox浏览器截屏

Firefox浏览器自带的截屏，选择截取整个页面，就可以把长网页截取下来。
在这里插入图片描述
firefox这个功能默认是关闭的，如果你想使用，
需要在地址栏输入about:config，开启extensions.screenshots
在这里插入图片描述

Chrome长截屏

Windows系统上
F12 打开调试工具
Ctrl + Shift + P 唤起搜索
选择capture full size screenshot进行长截图
在这里插入图片描述

火狐网页截屏软件可以截取整个网页
08-14
火狐下面的截屏软件，可以将可视区域保存为图片，将全部网页保存为图片，安装方法，打开火狐，直接将该插件拖到火狐窗口，就会安装。另外一种，火狐-》文件-》打开，选择这个文件，也可以安装。
Firefox 截图插件开发
03-27
NULL 博文链接：https://ahuango.iteye.com/blog/1138008
FireFox如何滚动截屏？
专注 激光SLAM, 目标检测, 欢迎关注, 分享交流！
10-25 2208
FireFox浏览器滚动截屏方法：1）使用内置开发者工具（F12→响应式设计模式→调整视窗手动截图）；2）安装扩展插件（如FireShot/Nimbus/GoFullPage一键截长图）。对比显示插件更方便但需安装，开发者工具适合临时使用。注意扩展安全性和页面兼容性问题。
浏览器Browser截屏截长图使用记录220813
kfepiza的博客
08-13 1166
浏览器Browser截屏截长图。
电脑怎么长截图？【图文讲解】电脑滚动截图方法？QQ/微信长截图快捷键？浏览器截图快捷键？4种方法教程，看这一篇就够了！
专注办公效率与电脑问题解决，输出高质量实用教程，用技术提升效率，用经验降低成本。
04-07 6283
摘要： 电脑长截图能轻松解决普通截图无法完整保存超长内容的问题。推荐三种简单方法：1）QQ截图（Ctrl+Alt+A）支持滚动拼接，适合聊天记录和文档；2）微信截图（Alt+A）办公高效，可标注后直接发送；3）Edge/Chrome浏览器（Ctrl+Shift+S或插件）专为网页优化，画质清晰。另有Windows自带工具备用。技巧包括提前加载页面、匀速滚动。长截图省去手动拼接，提升效率，适用于工作、学习等多种场景。
浏览器截长图的方法
喜欢前端的后端 MelodyJerry
05-10 3361
Chrome -> F12 -> Ctrl+Shift+P -> Capture full size screenshot Firefox -> F12 -> 右上角"…" -> 设置 -> 可选的工具箱按钮 -> 截取整个页面 -> 右上角“相机”按钮
python selenium+firefox对网页截长图
不随缘的随心，能改变的随性
09-08 1124
需求 对网页截图，包括网页的不可视部分。 方法 1.Firefox webdriver，无头模式+调整窗口宽高+截图窗口 options = Options() options.add_argument('--no-sandbox') options.add_argument('--headless') options.add_argument('--disable-gpu') options.add_argument('--disable-dev-shm-usage') driver = webdrive
网页长截图工具_如何搞定一个网页长、长、长、长截图
weixin_39731916的博客
11-12 451
有时，我们想保留一个网页截图，用于转发或者作为资料归档。网页页面内容太长时，使用普通的截图工具无法一次性截图，有很多小伙伴的操作是一屏一屏的截取然后再拼接长一张长图，这样不仅浪费时间还容易遗漏或出错。 这里有几个办法可以立刻搞定！浏览器自带「长截图」功能>>>>360浏览器点击右上角「三条横杆」，点击「保存网页为图片」即可。也可以在键盘上直接按下快捷键「Ctrl+M」，然后...
实现网页长截图的常见思路总结
热门推荐
素履独行 | 元培的个人博客
01-10 2万+
作为一个经常写博客的人，我有时会在微博上分享博客内容，可不知道从什么时候开始，国内互联网越来越丧失信仰，所有的厂商都在试图打造一个“只进不出”的信息孤岛，进而达到增强“用户黏度”的目的。以微博为例，微博中的外链永远都会被转化为短地址，并且无法通过微博内置的浏览器进行跳转。即使你通过手动复制链接的方式打开链接，你依然需要至少两个步骤方能见到“庐山真面目”。借鉴/抄袭这一陋习的还有简书，花时间做了一个第三方链接跳转提示页面，唯独不愿意在上面加一个a标签，你还是要手动复制黏贴。坦白说，我觉得国内互联网正在丧失着信
从零到一：探索浏览器原生截图功能的隐藏潜力
ansible6ops的博客
02-07 160
本文深入探讨了浏览器原生截图功能的隐藏潜力，特别是滚动截取和网页长截图等高级功能。通过对比Chrome、Firefox和Safari的原生工具，揭示了它们比第三方插件更高效、更安全的优势，并提供了自动化测试、设计走查等实际应用场景的实用技巧。
利用 Chrome 原生自带工具进行网页长截图
veling的专栏
03-20 878
之前试用 Firefox Quantum 时，我最喜欢的特性之一就是其自带的截图功能。它不仅可以自动检测网页元素边界，还能轻松保存整个网页，十分方便。 后来由于扩展及习惯等原因，我又换回了 Chrome，但还是对该功能念念不忘。尽管商店里也有许多截图增强扩展，但在截取一些比较复杂的网页时，往往会出现元素错位、重复的现象。经过一番探索，我发现 Chrome 开发者工具中其实自带了截图命令，效果也令...
Selenium Chrome/Firefox webdriver实现截取网页长图的方法
棉花糖
07-30 3580
Selenium+Chrome/Firefox+webdriver网页截取长图的方法 最近在测试使用Selenium+Firefox webdriver来对网页整体截图，由PhantomJS不再更新，所以更换到了Firefox，但是发现原来在PhantomJS的save_screenshot()可以保存网页全屏的截图，更换成Firefox/Chrome之后，只能截取当前屏幕的截图。 想起来之前用过...
firefox插件网页截图+python win32api+selenium实现整个网页的长截图功能
fnms88的博客
10-09 1944
#ctrl+shift+L快捷键，经实践比screengrap稳定，因为在使用的过程中当driver打开一个新的窗口时，screengrap的快捷键ctrl+shift+!失效了不能使用 win32api.keybd_event (17, 0, 0, 0) # ctrl win32api.keybd_event (16, 0, 0, 0) # shift win32api.keybd_eve...
firefox插件screengrap +python autoit+selenium实现整个网页的长截图功能
fnms88的博客
10-02 2035
笔记：本人用的是python3.6.6 32位的版本，安装成功了pyautoit库及autoit库 直接代码如下： import autoit import unittest import time import sys from datetime import datetime from actions import Actions from selenium import webdriver ...
长网页截图
JudyC的博客
06-11 6102
注：本文只针对Chrome浏览器。打开 Chrome 浏览器，找到需要截图的页面在该页面右键，选择检查打开命令行：‘Ctrl’+‘Shift’+‘P’（Windows），‘Alt’+‘Command’+‘I’（Mac）命令行输入Screen，在模糊匹配的列表里面选择‘Capture full size screenshot’。ok，这样就截下来啦~~~~~...
利用 Chrome 原生工具进行网页长截图
Wxc的Blog
12-19 1080
利用 Chrome 原生工具进行网页长截图 之前试用 Firefox Quantum 时，我最喜欢的特性之一就是其自带的截图功能。它不仅可以自动检测网页元素边界，还能轻松保存整个网页，十分方便。 后来由于扩展及习惯等原因，我又换回了 Chrome，但还是对该功能念念不忘。尽管商店里也有许多截图增强扩展，但在截取一些比较复杂的网页时，往往会出现元素错位、重复的现象。经过一番探索，我发现 Chrome 开发者工具中其实自带了截图命令，效果也令人满意，在这里分享给大家。 要想使用截图功能，你需要首先确保 Chro
不使用扩展，win10下网页长截图
weixin_62598385的博客
10-25 446
Summary of Long Screenshot Methods for Chrome and Firefox Chrome Browser: Firefox's built-in tool is straightforward and often more effective than Chrome's, though minor stitching errors may occur, which can be fixed with an image editor. These methods a
Win10系统下三大主流浏览器横向评测：Chrome、Edge与Firefox
最新发布
weixin_33676492的博客
04-15 344
本文对Win10系统下三大主流浏览器Chrome、Edge与Firefox进行了全面横向评测，涵盖基础性能、开发者工具、扩展生态与隐私保护等多个维度。测试显示，Chrome在复杂Web应用场景表现优异，Edge在系统集成和兼容性方面突出，而Firefox则在内存占用和隐私保护上更具优势。文章还提供了不同使用场景下的浏览器选择建议和实用技巧，帮助用户根据需求做出最优选择。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值