利用开发者工具,截取网页高清长图!
相信很多同学都有截图的需求,有时候一个网页的内容很多,根本没法把所有内容都截取在同一张图片上,有同学可能会把每页截图再重新拼接起来。
其实,我们可以使用工具和浏览器开发者工具来实现网页长图的截取。
以前我分享过一些工具,来实现抓取整个网页的信息内容。
但是这些工具截取出来的图片质量没有很高,在清晰度方面始终有些不足。
并且有些截图工具使用起来会比较麻烦。
所以,今天教大家怎么使用Chrome浏览器的开发者工具命令来截取网页的长图。
比如我现在想截取quora网站上的这个首页长图
从动图可以看到,这个首页的信息还是比较多的
现在我们使用快捷键F12调出开发者工具,你也可以右击鼠标,然后找到检查元素,进入开发者工具
然后使用快捷组合键Ctrl+shift+P,打开一个可以输入命令查找文件的窗口,然后输入:
Capture full size screenshot
,意思是抓取全网页面的截图然后Chrome浏览器就会自动抓取网页的截图,然后把这个网页截图保存到本地了
如果你只想截图当页面的内容,那么你可以直接输入:Capture screenshot,,就可以截取屏幕当页的内容信息
如果你想再电脑端模拟手机版的截图,那么你可以在开发者工具的左上角,点击那个图标切换设备,你也可以使用快捷键Ctrl + Shift + M
当你点击之后,页面显示就会从网页版就会切换为手机版
如下动图
并且我们可以设置为不同手机的大小,模仿不同手机来截取长图,然后截取手机版的长图跟上面的方法一样,输入
Capture full size screenshot,
就可以了最后如果你想学习Python,资源搜索技巧,软件破解这些技能,可能到我的公众号:
李云景
,就有很多的资源获取学习了你可以搜公众号:
李云景
,后台回复:书籍
,即可获取100本成长类书籍回复:
电子书,
可以有3本Python入门书籍回复:
英语,
获取四六级资料发现更多的实用干货!希望对你有用啦~
1、打开Sublime,使用快捷键【Ctrl + Shift + P】或者点击“Preferences”=> “Package controll”进入到插件安装面板。
2、接着输入命令“Install Package”,点击下面中出现的点一个命令。
3、接着只需要输入插件名“sublimeserver”接着点击第一个搜索出来的结果,插件会自动安装,只需要等待一会即可。
4、接着在菜单中的“Tools”下面可以找到“SublimeServer”启动的功能,点击“Strat SublimeServer”即可启动服务器。
5、启动好了服务器之后需要运行html静态页面在服务器中,可不能使用“Open In Browser”,而是使用“View In SublimeServer”。
6、接着会自动打开系统默认浏览器来运行文件。
添加个小命令就可以了,经测试不用添加程序的完整路径
opera "$(FULL_CURRENT_PATH)"
打开一个网页之后,右键---》查看源文件(IE10 为查看源),然后就会弹出网页的源文
件。
点击之后就会出现一个文本样式的代码了
第二种方法就是根据浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”,点击查看源代码即可查看此网页的源代码源文件。
电脑开机时总是出现一大串英文字母,进不了系统可以进行以下方法试试:
1、开机同时按住DEL键不松,设置BIOS恢复默认设置,保存后退出。选Load Optimized Defaults ,按F10键保存后退出。
2、电脑开机时总是出现一大串英文字母,进不了系统可能是因为内存条或者显卡金手指氧化或者插槽接触不良,导至电脑无法开机启动。处理方法是先断电,然后打开电脑机箱,把内存条拨出来,用橡皮擦对着金手指的部位(也就是有铜片的地方)擦拭,再换一个内存槽插回去。如果还不行就检查显卡,可能是显卡的问题,也按照上述的方法去做。
3、开机同时按F8键不松,进入高级,选择最后一次正确配置,点确定。
4、如果以上3种方式都不行,建议重装系统。