百度360必应搜狗淘宝本站头条
0xalinux查看python版本信息python怎么改成中文python安装opencv库1到10的阶乘之和是多少
当前位置：网站首页 > 技术文章 > 正文

简单一点 全网页截图不难

itomcoil 2025-01-08 14:38 32 浏览

很多人看到好的网页想要截图，比如看到一个全屏幕网页很好，想要截取下来保存，无论如何都是快捷键或者Windows自带的截图工具无法实现的，通常方法都是安装专用的截图软件，占用系统空间不说，专业的软件操作也很繁琐，多余的功能又都用不上，难道没有一个万全之策吗？其实，如果你拥有一个Chromium内核的浏览器，例如采用Chromium内核的Chrome、360极速浏览器等等，就可以利用网页插件FireShot实现多种方式的网页截图，甚至是截图后转存为PDF文件！

这里以Chrome浏览器为例，首先，打开https://yurl.sinaapp.com/crx.php网页，输入FireShot的应用ID“mcbpblocgmgfnpjjppndjkmgjaogfceg”（不包括引号），然后点击“在这里右键另存为”按钮就可以下载。下载成功后，鼠标拖拽这个*.crx文件到Chrome浏览器的“扩展程序”页面（也可以在浏览器地址栏输入chrome://extensions/）下，系统会提示添加安装插件（360浏览器请打开扩展中心页面后拖拽进去）。

小提示：360浏览器有时候会因为内核版本过低导致不能安装Chrome用的插件，这一点要特别留意，如果遇到报错，尝试升级360浏览器。如果还是不行，建议更换为Chrome使用。

安装成功后浏览器页面的右上角会有一个“S”的图标，根据需求选择截图类型即可。截图成功后，可以根据需求存储为图片或者是PDF文件，图片文件默认为JPG格式。

如果需要使用质量更好的位图文件PNG，可以在设置中修改，强烈建议选择PNG格式（JPG格式的有损压缩画质不佳）。

小知识：PNG格式和JPG格式的区别

PNG即可移植网络图形格式，也是一种位图文件存储格式，可以进行无损压缩。而JPG是目前最常见的图片格式，其特点是具备较高的压缩比，因此图片占用存储空间较少，但也牺牲了图片质量。此外，PNG格式可以编辑，如图片中有字体等，可利用PS再做更改，JPG格式则不具备这个特性。

另外，在设置中可以根据需求自行定义设置截图热键，这样就可以不用手动点选截图了。但是需要注意一点，包括浏览器本身乃至QQ等诸多拥有快捷键的软件，都要避免按键冲突。

相关推荐

《Queendom》宣布冠军!女团MAMAMOO四人激动落泪

网易娱乐11月1日报道据台湾媒体报道，南韩女团竞争回归的生死斗《Queendom》昨(10/31)晚播出大决赛，并以直播方式进行，6组女团、女歌手皆演唱新歌，并加总前三轮的赛前赛、音源成绩与直播现场投...

正确复制、重写别人的代码，不算抄袭

我最近在一篇文章提到，工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是，如果你没有达到重用第三方代码的阈值时，那么你就可以自己编写代码。在本文中，我将讨论一个在重用和从头开始编...

HTML DOM tr 对象_html event对象

tr对象tr对象代表了HTML表格的行。HTML文档中出现一个<tr>标签，就会创建一个tr对象。tr对象集合W3C：W3C标签。集合描述W3Ccells返回...

JS 打造动态表格_js如何动态改变表格内容

后台列表页最常见的需求：点击表头排序+一键全选。本文用原生js代码实现零依赖方案，涵盖DOM查询、排序算法、事件代理三大核心技能。效果速览一、核心思路事件入口：为每个<th>绑...

连肝7个晚上，总结了66条计算机网络的知识点

作者|哪吒来源|程序员小灰（ID:chengxuyuanxiaohui）计算机网络知识是面试常考的内容，在实际工作中经常涉及。最近，我总结了66条计算机网络相关的知识点。1、比较http0....

Vue 中 强制组件重新渲染的正确方法

作者：MichaelThiessen译者：前端小智来源：hackernoon有时候，依赖Vue响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的...

为什么100个前端只有1人能说清?浏览器重排/重绘深度解析

面试现场的"致命拷问""你的项目里做过哪些性能优化？能具体讲讲重排和重绘的区别吗？"作为面试官，我在秋招季连续面试过100多位前端候选人，这句提问几乎成了必考题。但令...

HTML DOM 介绍_dom4j html

HTMLDOM（文档对象模型）是一种基于文档的编程接口，它是HTML和XML文档的编程接口。它可以让开发人员通过JavaScript或其他脚本语言来访问和操作HTML和XML文档...

JavaScript 事件——“事件流和事件处理程序”的注意要点

事件流事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流，而NetscapeCommunicator的事件流是事件捕获流。事件冒泡即事件开始时由最具体的元素接收，然后逐级向上传播到较为不...

探秘 Web 水印技术_水印制作网页

作者：fransli，腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用，对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印（盲水印）...

国外顶流网红为流量拍摄性侵女学生?仅被封杀三月，回归仍爆火

曾经的油管之王，顶流网红DavidDobrik复出了。一切似乎都跟他因和成员灌酒性侵女学生被骂到退网之前一样：住在950万美元的豪宅，开着20万美元的阿斯顿马丁，每条视频都有数百万观看...人们仿佛...

JavaScript 内存泄漏排查方法_js内存泄漏及解决方法

一、概述本文主要介绍了如何通过Devtools的Memory内存工具排查JavaScript内存泄漏问题。先介绍了一些相关概念，说明了Memory内存工具的使用方式，然后介绍了堆快照的...

外贸独立站，网站优化的具体内容_外贸独立站,网站优化的具体内容有哪些

Wordpress网站优化，是通过优化代码、数据库、缓存、CSS/JS等内容，提升网站加载速度、交互性和稳定性。网站加载速度，是Google搜索引擎的第一权重，也是SEO优化的前提。1.优化渲染阻塞。...

这8个CSS工具可以提升编程速度_css用什么编译器

下面为大家推荐的这8个CSS工具，有提供函数的，有提供类的，有提取代码的，还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章，或许你会找到意外的惊喜，并且为你的编程之路打开了一扇新的大门。1...

vue的理解-vue源码 历史 简介 核心特性 和jquery区别 和 react对比

一、从历史说起Web是WorldWideWeb的简称，中文译为万维网我们可以将它规划成如下的几个时代来进行理解石器时代文明时代工业革命时代百花齐放时代石器时代石器时代指的就是我们的静态网页，可以欣...

一周热门
最近发表
标签列表