浏览器Browser截屏截长图使用记录220813

最新推荐文章于 2023-09-14 17:51:47 发布
最新推荐文章于 2023-09-14 17:51:47 发布
阅读量650 收藏
点赞数
分类专栏： 试验 演示 开发工具 浏览器Browser 文章标签： firefox chrome 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kfepiza/article/details/126314220
版权

浏览器Browser截屏截长图

浏览器Browser截屏截长图

Chrome 谷歌浏览器截长图

方法1

先打开控制台 按F12 或 右键选检查
然后按 Ctrl+Shift+p 或者点击三个点, 弹出下拉框选 运行
点击三个点, 弹出下拉框选 运行

会弹出运行
输入 screen
会弹出截屏选项

在这里插入图片描述

方法2

右键点击要截取的标签节点
如: 要截取整个文档就右键点击 html 或 body
然后点弹出菜单的 截取节点屏幕截图 选项
会弹出图片文件下载

在这里插入图片描述




火狐 FireFox 截长图

右上角有 网页截图 按钮
在这里插入图片描述




Edge

edge已经和chrome使用相同内核, 但好像屏蔽了截长图的功能, 只能截取可视区域

kfepiza
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
屏幕截图完美解决方案 --- LYSoft Liu Yang
LYSoft
02-15 3566
可以截取layered窗口(包括透明窗口)的代码:procedure CaptureScreen(AFileName: string);const  CAPTUREBLT = $40000000;var  hdcScreen: HDC;  hdcCompatible: HDC;  bmp: TBitmap;  hbmScreen: HBITMAP;begin  hdcScreen := Cre
火狐网页截屏软件可以截取整个网页
08-14
火狐下面的截屏软件，可以将可视区域保存为图片，将全部网页保存为图片，安装方法，打开火狐，直接将该插件拖到火狐窗口，就会安装。另外一种，火狐-》文件-》打开，选择这个文件，也可以安装。
clear-browsing-data：用于清除浏览数据的浏览器扩展
01-30
清除浏览数据 支持项目 得益于出色的支持者的支持，Clear Browsing Data的持续开发成为可能。 如果您想加入他们，请考虑向 ， 或捐款。 描述 清除浏览数据是浏览器扩展，使您可以直接从浏览器工具栏中删除浏览数据，例如cookie，历史记录和缓存。 可以将工具栏按钮配置为单击以清除所有浏览数据，并且扩展程序还支持关闭和重新加载选项卡。 支持的数据类型： 饼干 浏览记录 缓存的图像和文件 缓存存储数据 自动填写表格数据 下载记录 服务人员 IndexedDB数据 本地存储数据 网站文件系统 插件数据 Web SQL数据 保存的密码 应用程序缓存 屏幕截图 执照 版权所有（c）2017-2020 Armin Sebastian 该软件根据GNU通用公共许可证v3.0的条款发布。 有关更多信息，请参见文件。
实现给页面长截图，带滚动条的部分也截取
m0_49017085的博客
07-14 1031
页面出现滚动条的部分也需要截取，类似于 QQ里面的长截图，要求截取一整张完整页面首先用谷歌浏览器打开页面看一下键盘左上角ESC键是否亮灯，如果没有，按左下角fn键 + esc 绿灯亮；然后按f12或者右键检查，出现 然后ctrl + shift + p,出现运行命令框，有的是英文有的是中文，中文搜索"截取完整尺寸的屏幕截图"，英文搜索 "Capture full size screenshot",然后页面左下角就会出现下载好的图片。...
如何对整个网页截图
zscmj的专栏
06-24 2724
当网页的长度超过一屏时，如何才能对整个网页的内容截图呢？小一说两个网页截图的方法！1、使用傲游浏览器（Maxthon）如果你使用的是傲游浏览器，那你有福了，傲游浏览器可以直接对网页进行截图，包括网页区域截图、当前网页截图、所有网页截图、窗口截图、全屏截图。使用方法是：［工具］－［屏幕截图］。是不是很方便呢？ 2、使用Firefox（火狐浏览器）Firefox以其独特的魅力，
Firefox截取页面保存为图片，页面截图，在线编辑图片，注释图片
yangzhiyong77
01-06 148
有时候需要截取一个网页的部分内容需要启动截图应用程序或者QQ，或者你想保存整个页面的截图但是页面较长，一个屏幕显示不全，这里介绍的是怎么吧一个网页内存保存为图片。这里介绍的都是firefox的插件，所以可以在firefox里的add-ons里面搜索安装： 1 Pearl Crescent Page Saver 不错的工具，分为商业版和免费版，商业版多些功能，例如把截取的图片保存到服务器，截图包...
Chrome和Firefox浏览器长截图
分享博主日常学习和使用的一些技术
03-10 9913
假设有一个很长的网页，我想把整个页面都给截下来，那么我可以使用Firefox浏览器或者Chrome浏览器实现长截屏。 Firefox浏览器截屏 Firefox浏览器自带的截屏，选择截取整个页面，就可以把长网页截取下来。 firefox这个功能默认是关闭的，如果你想使用， 需要在地址栏输入about:config，开启extensions.screenshots Chrome长截屏 Windows系统上 F12 打开调试工具 Ctrl + Shift + P 唤起搜索 选择capture full siz
浏览器截图方法(长截图、node截图、指定区域截图)
热门推荐
原来是肖哈哈的博客
02-03 2万+
1.打开需要截屏的页面，按键盘上的F2（或者Ctrl+Shift+I）打开浏览器控制台 2.Ctrl+shift+P进入搜索框，输入“screen”: 这里有四种截图模式，点击需要的截图方式即可截取图片。
浏览器截长图的方法
喜欢前端的后端 MelodyJerry
05-10 2779
Chrome -> F12 -> Ctrl+Shift+P -> Capture full size screenshot Firefox -> F12 -> 右上角"…" -> 设置 -> 可选的工具箱按钮 -> 截取整个页面 -> 右上角“相机”按钮
dom截图——探究长截图的极限
CarveStone的博客
01-03 1074
问题：使用dom-to-image和html2canvas来进行长截图会出现一个问题，如果图片非常长，一些图片会只加载一半，如果图片再长一些，截图就会为空。核心思想：把如下图所示拆分的dom分别使用dom-to-image截图，再通过canvas合并图片，最后下载。方法一：按理说应该能无限长的，但是浏览器扛不住，我的测试结果是截图大小在18mb左右，再大一些就不输出了。图片缺失这个情况还可以优化，可以想办法把dom进行拆分，再分别截图，最后拼接图片。目前我测试的结果：截图的大小在8mb出现图片缺了的情况。
浏览器网页截屏妙用Capture node screenshot
最新发布
wzp20092009的博客
09-14 357
通常我们在PC端截屏时可能会用到一些截屏工具，比如，但是有时候网页页面尺寸很大，或者截屏像素要求很高应该怎么搞处理呢？Capture node screenshot
history-web-extension:用于查看导航历史统计信息的 Chrome 浏览器扩展程序
05-29
历史网络扩展 Chrome 浏览器扩展程序可查看导航历史记录统计信息。 使用的 Chrome 权限 history ：访问 Chrome 浏览器历史记录（ chrome.history对象）。 请参阅 截屏
LABAM:浏览器内（无服务器）网站监视器（“ Live Ajax Browser App Monitor”是反义词，对吗？）
05-19
LABAM / Live Ajax浏览器应用程序监视器 直接在浏览器中监视任何网站的状态，并以大屏幕/投影仪友好的方式呈现结果。 换句话说，它是一个穷人/零基础设施的网站检查系统。 状态页面由一个网格组成，该网格代表受...
In-Browser File Viewer-crx插件
04-04
当Chrome安装此扩展时，这将显示为“浏览器历史记录”。此扩展名将永远不会从浏览器或历史记录中保存任何信息。这是一个非常简单的扩展，允许在Web浏览器中查看文件，您通常无法查看。有时您将托管您要读取的...
Only Browser Recorder-crx插件
04-03
“屏幕截图” - 提供快速，简单，功能的屏幕截图和图像绘图工具。应用程序界面最初为多个监视器用户设计，您可以使用多个监视器找到更好的用户体验。-NO重定向页面或Web需要下载。 - 还需要进一步设置页面。-NO视频...
ubuntu滚动屏幕长截屏，截取整个网页
小火车~
10-09 9731
转载地址：http://www.leesven.com/2571.html 使用Firefox(ubuntu自带浏览器) shift+F2 打开dev控制台 输入下面的指令来截取整个网页 screenshot fileName --fullpage 其中fileName 是保存成图片（一般是png 格式，存储在你firefox设置的下载路径里）的文件名，你会在下载路
浏览器快捷键_关于截图的一些“冷门”快捷键，工作更高效，你知道几个？
weixin_39614546的博客
11-29 288
一些常用的快捷键比如复制粘贴，返回上一步，大家都很熟悉了，但是还有一些快捷键由于比较冷门，被我们忽视，其实掌握了这些快捷键之后，工作会更加高效！下面介绍关于截图的一些“冷门”快捷键，看看你知道几个？微信和QQ的截图，能够满足大多数的截图需求。但，如果我们没有网络，或是在电脑不允许使用其他软件(大学机房电脑，你懂的)，其实也可以依靠键盘上一些快捷键。1.局部截图 Win+Shift+S当我们在没有微...
利用 Chrome 原生工具进行网页长截图 | 一日一技
BillyLu的博客
11-08 2268
之前试用 Firefox Quantum 时，我最喜欢的特性之一就是其自带的截图功能。它不仅可以自动检测网页元素边界，还能轻松保存整个网页，十分方便。 后来由于扩展及习惯等原因，我又换回了 Chrome，但还是对该功能念念不忘。尽管商店里也有许多截图增强扩展，但在截取一些比较复杂的网页时，往往会出现元素错位、重复的现象。经过一番探索，我发现 Chrome 开发者工具中其实自带了截图命令，效果也令...
一步步CEF（5）之窗口截图（非离屏版本）
随风动，心飞翔
12-31 2188
前面有解释了离屏渲染的相关内容，效率一般。如果电脑配置了独立显卡，真屏截图比离屏快那么一点点，如果没有GPU的服务器，结果很难堪。现在开始记录操作流程，免得忘记了细节。 第一、修改root_windows_win.c中的 void RootWindowWin::CreateRootWindow(const CefBrowserSettings& settings,bool init...
python 使用win32gui 获取浏览器的截图
05-31
你可以使用Python的win32gui和win32api模块来获取浏览器的截图。以下是一个基本的示例： ```python import win32gui, win32ui, win32con, win32api # 获取浏览器窗口的句柄 browser_hwnd = win32gui.FindWindow(None, "浏览器标题") # 获取浏览器窗口的DC browser_dc = win32gui.GetWindowDC(browser_hwnd) # 获取浏览器窗口的宽度和高度 left, top, right, bottom = win32gui.GetWindowRect(browser_hwnd) width, height = right - left, bottom - top # 创建一个与浏览器窗口DC兼容的内存DC mem_dc = win32ui.CreateDCFromHandle(browser_dc) # 创建一个内存位图，大小为浏览器窗口的大小 bitmap = win32ui.CreateBitmap() bitmap.CreateCompatibleBitmap(mem_dc, width, height) # 将内存位图选入内存DC mem_dc.SelectObject(bitmap) # 将浏览器窗口内容拷贝到内存DC中 mem_dc.BitBlt((0, 0), (width, height), browser_dc, (0, 0), win32con.SRCCOPY) # 从内存DC中获取位图数据 bitmap_info = bitmap.GetInfo() bitmap_bits = bitmap.GetBitmapBits(True) # 将位图数据转化为PIL图像 img = Image.frombuffer( "RGB", (bitmap_info["bmWidth"], bitmap_info["bmHeight"]), bitmap_bits, "raw", "BGRX", (bitmap_info["bmWidth"] * bitmap_info["bmBitsPixel"]) // 8, 1, ) # 显示截图 img.show() ``` 在这个例子中，我们首先根据浏览器的标题找到了浏览器窗口的句柄，然后获取了浏览器窗口的DC，并创建了一个与浏览器窗口DC兼容的内存DC，将浏览器窗口内容拷贝到内存DC中，并从内存DC中获取位图数据。最后，我们将位图数据转化为PIL图像，并显示截图。 需要注意的是，这个例子只能截取整个浏览器窗口的内容，如果你需要截取浏览器中的某个具体区域，可以使用selenium等工具模拟浏览器操作，或者使用Pillow库的裁剪功能来处理截图。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

kfepiza

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

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

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

打赏作者

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

抵扣说明：

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

余额充值