利用Chrom浏览器实现滚动截屏，不用下载插件，超级简单！

相信很多开发者在开发手机端项目的时候，会在浏览器按照不同机型打开查看效果，可是截图只能截取可视区的图片，我想截全屏网页内容怎么办呢？我看很多百度出来的都是说下载安装插件什么的，觉得很麻烦，跟我来，简单实现，方法如下：

第一步：
打开开发者工具 ctrl+shift+I ( windows ) 或者 alt+command+I ( mac ),笔记本F12或者网页任意位置右键—>检查，看你喜欢啦，相信对于做开发的小伙伴不是什么问题~
第二步：
使用组合键命令打开命令行 ctrl+shift+p ( windows ) 或者 command+shift+p( mac )
第三步：
输入命令 screen ，这时会自动补齐显示包含screen关键字的命令，移动方向键到“capture full size screenshot”回车，即可看到已经保存整个网页内容的图片文件

简单吧~，希望对你有所帮助，加油！

利用Chrom浏览器实现滚动截屏，不用下载插件，超级简单！相关推荐

在Chrome 浏览器上滚动截屏
浏览器原生功能实现滚动截屏,截取整个页面;|;插件推荐「Nimbus Screenshot」在Chrome 浏览器上滚动截屏,不需要插件和任何 app,利用 chrome 浏览器原生功能即可实现. ...
java 滚动截屏_浏览器实现滚动截屏
工作日志:实现浏览器滚动截屏,并且是指定的iframe在跨域的情况下. 首先拿到这个需求的时候,想了一下,实现滚动截屏并不难,难的具体的情况如下, 在IE浏览器的情况下,在前端实现,并且iframe是 ...
利用Google Chrome滚动截屏，截取整个网页
利用Google Chrome滚动截屏 1. 在Chrome浏览器中打开一个网址,比如www.master8687.cn,然后再页面中鼠标右键,选择检查项. 2. 在左侧的设备选择区域,选择iPa ...
电脑qq浏览器怎么滚动截长图_QQ浏览器如何获取整个网页的界面截图？
不管是在我们平时的工作当中,还是在闲暇的生活当中,我们都会遇到需要截图的情况.因为有些事情,通过说话是说不清楚的,直接截图简单明了还非常的直观.而使用手机时,我们都知道怎么截图,使用浏览器时我们也知道 ...
IE浏览器整页截屏程序
最近项目中涉及到浏览器整页截屏的功能,有点复杂,研究了一天,终于在IE浏览器下实现,至于其他浏览器,以后再研究. 所谓整页截屏,就是说把整个页面全部截进去,包括通过滚动才能看到的部分. 在网上搜了一下 ...
iphone长截图哪个软件好_亲身体验过13款滚动截屏App，谁才是最好用的iPhone长截屏工具？...
(☝聪明的人都会星标我☝) 上次我们分享了关于手机录屏怎么只录入手机系统声音而不录入外界声音,有小伙伴留言"苹果手机怎么长截屏?",必须安排一波! 与苹果手机相比,安卓手机想要长截 ...
Android滚动截屏，ScrollView截屏，Listview截屏，Recyclerview截屏, 截长图
最近在做一个关于截频的功能, 恰逢鸿洋大神分享了一篇相关的博客, 我使用之后觉得甚是好用, 所以也整理了一下,以供学习. 在做分享功能的时候,需要截取全屏内容还有截长图,一屏展示不完的内容,一般我们会 ...
QQ浏览器如何修改截屏快捷键？QQ浏览器修改截屏快捷键的方法
qq浏览器是一款非常好用的搜索服务软件,在日常生活中如果碰到有什么不懂的内容,都可以使用这款软件解决,使用非常的方便,随时都可以满足用户的搜索需求,用户在使用这款软件的时候可以使用到非常多的功能,随时 ...
安卓多条通知_安卓11第一版发布：原生滚动截屏、屏幕录像、抄国内ROM这么多...
自2008年第一部Android智能手机HTC G1发布,安卓手机系统已经走过十几个年头.虽然系统存在一些大家吐槽较多的问题,但安卓一直活跃在智能手机系统前沿,不断发展完善着. 昨天谷歌刚刚发布了全新 ...

利用Chrom浏览器实现滚动截屏，不用下载插件，超级简单！

利用Chrom浏览器实现滚动截屏，不用下载插件，超级简单！相关推荐

最新文章

热门文章