有下拉条时截网页全图方法(Chrome)
利用 Chrome 浏览器的开发者工具截取整个页面
注：火狐浏览器右上角有截全屏工具
- 打开 Chrome 浏览器，进入需要截图的网站页面。
- 等待页面加载完毕后，通过第三步打开开发者工具。
- 在页面任何地方点击鼠标右键，在弹出菜单中选择“检查（Inspect）”选项，或者使用快捷键组合：Alt + Command + I (Mac) || Ctrl + Shift + I (Windows)。
- 使用快捷键组合来打开命令行（command palette）：Command + Shift + P (Mac) | Ctrl + Shift + P (Windows)。
- 在命令行中输入“Screen”，这时自动补齐功能会显示出一些包含 “Screen” 关键字的命令。移动方向键到“Capture full size screenshot”并回车（或直接用鼠标点击这个选项）。
在此之后，Chrome会将截图下载到电脑设定的下载区域
扩展应用场景一
由于自适应网页设计（Responsive Web Design）的兴起，很多网站在手机浏览器的显示效果和电脑上是不一样的，利用 Chrome 的开发者工具，还可以实现对不同型号手机整个页面的截图：
- 进入需要截图的网站页面，打开开发者工具（方法和上面两步相同）
- 点击开发者工具左上角的视图转换按钮，这时浏览器中的页面会呈现出手机视图。同时，在浏览器中还可以选择不同的的手机或者平板型号来对比不同硬件上观看页面的不同效果
- 重新加载页面
- 打开命令行，进行截图命令（方法和上面第四步相同）
扩展应用场景二
如果并不想截取整个页面，而是截取页面中的一些元素，也可以利用开发者工具实现。下面以截取 LinkedIn 网站中的用户身份信息为例：
- 进入需要截图的网站页面，打开开发者工具（方法和上面两步相同）
- 点击开发者工具左上角的“选取元素”按钮，在网页中点击要截图的元素
- 由于 HTML 父子元素的嵌套，可能选中的是需要截图元素的子元素。
- 这时，需要在开发者工具中对所选取的元素进行调整：由于选取的是子元素，所以只需要在“选取元素”按钮，旁边的"Elements Tab"里边按照嵌套关系，找到合适的父元素就可以了。这时，点击选中该父元素。
- 打开命令行，进行截图命令（方法和上面第四步类似）。不过需要注意这时在包含 “Screen” 关键字的命令中选取“Capture node screenshot”而非“Capture full size screenshot”。
有下拉条时截网页全图方法(Chrome)相关推荐
- chrome截网页全图
chrome截网页全图 打开开发者工具 调出命令框并搜索 结果 下面以京东网站为例 打开开发者工具 Fn+F12,或ctrl+shift+I,或 调出命令框并搜索 再按下ctrl+shift+p(ma ...
- mac小技巧：如何在有滚动的内容时截出全图？
有的时候,会因为一些需要,对mac进行全屏截图,固定的截图是很容易的,但是很多时候内容不会全部显示出来,在这种情况下,如何获得全图呢?下面我为大家介绍几种方法. 完整获取网页截图,更快地编辑和共享 C ...
- html 滚动条置顶,css怎么设置网页下拉条（滚动条）样式？
很多朋友在网页设计中要自定义下拉条(滚动条)样式的情景,下拉条的样式我们可以通过css来控制的,下拉条能不能换颜色或者做的更好看一些呢?那么滚动条的设置都有哪些呢?下面本篇文章来介绍一下设置下拉条(滚 ...
- 怎样设置网页纵向滚动 css,CSS 怎么设置网页下拉条 (滚动条) 样式?
CSS 怎么设置网页下拉条 (滚动条) 样式? 很多朋友在网页设计中要自定义下拉条 (滚动条) 样式的情景, 下拉条的样式我们可以通过 CSS 来控制的, 下拉条能不能换颜色或者做的更好看一些呢? 那 ...
- centos下MySQL Workbench连接时崩溃的解决方法
centos下MySQL Workbench连接时崩溃的解决方法 参考文章: (1)centos下MySQL Workbench连接时崩溃的解决方法 (2)https://www.cnblogs.co ...
- [转] linux下shell中使用上下键翻出历史命名时出现^[[A^[[A^[[A^[[B^[[B的问题解决,Linux使用退格键时出现^H解决方法
[转] linux下shell中使用上下键翻出历史命名时出现^[[A^[[A^[[A^[[B^[[B的问题解决,Linux使用退格键时出现^H解决方法 参考文章: (1)[转] linux下shell ...
- Windows下能PING通网关不能打开网页解决方法
第一种办法:从添加删除程序中卸载补丁KB951748 第二种方法:运行下netshwinsock reset然后重启计算机看 第三种方法: 局域网的一台电脑,能ping 得通DNS,ping 不通网站 ...
- 打印网页时去掉标题、页码、网页地址方法
打印网页时去掉标题.页码.网页地址方法 答:方法一: ie的文件-〉页面设置-〉将里面的页眉和页脚里面的东西都去掉,打印就不出来了 方法二: <HTML> <HEAD> & ...
- win10下双系统安装以及Ubuntu双系统启动时卡死的解决方法
win10下双系统安装以及Ubuntu双系统启动时卡死的解决方法 win10下双系统安装以及Ubuntu双系统启动时卡死的解决方法 步骤一 制作系统光驱 步骤二 磁盘分区 步骤三 进入Bios设置U盘 ...
最新文章
- 深度学习布料交换：在Keras中实现条件类比GAN
- NLP入门竞赛，搜狗新闻文本分类
- java 手势识别_java – 如何在Android中实现手势识别
- 关于datagrid中控件利用js调用后台方法事件的问题
- SaaS服务在未来云计算中该如何发展
- html页面显示html代码怎么写,求助这段代码如何转换成正常可看的HTML页面
- java里顺序表怎么判断是否满_2、顺序表的实现（java代码）
- C++文件读写详解（ofstream,ifstream,fstream）
- 鸿蒙内核是闭源吗_鸿蒙出世，中华有为！
- 文档和元素的几何滚动
- JS: 浅拷贝vs深拷贝 | 刷题打卡
- 【图神经网络】向往的GAT（图注意力模型）
- 一起谈.NET技术，ASP.NET的状态管理
- 数据、数据库、数据库管理系统,数据库系统的概念
- 设计原则：单一职责(SRP)原则
- python youtube视频_Python3 使用you-get,youtube-dl,ffmpeg 下载全网视频并剪切视频
- 【夜读】自我提升的8个好习惯，迷茫时看一看
- 观察者模式（C语言实现）
- 计算机影响因子10.0什么水平,论文的影响因子是什么？由什么决定？_1 论文影响因子10.0什么水平...
- python3格式化输出