frendguo's blog

[小技巧]将网页保存到本地

很多时候, 我们遇到一些好的文章或者博客都想下载到本地来, 可是网站并没有提供下载功能, 有些情况下直接保存网页可并没有什么用哦. 这时候, 我们需要用到系统自带的打印功能配合浏览器的开发者模式了~

注: 操作环境如下:

  • OS: Windows 10 (15063.138)
  • 浏览器版本: Chrome Version 57.0.2987.133 (64-bit)

本文以实验楼上的一个文档为例, 如何保存自己感兴趣的部分.

首先, 进入对应的网页https://www.shiyanlou.com/courses/28/labs/179/document

此时, 我们直接打印(Ctrl + P), 我们会看到有一些我们并不想保存的东西(比如, 页面底部的"动手实践是学习 IT 技术最有效的方式! 开始实验")

所以 在我们进行打印前得做点微小的工作, 这时, 就需要用到开发者模式了. 一般都是F12进入的, 具体视浏览器而定!

开发者模式中左上角的那个小箭头就可以选择你想选择的元素所对应的代码, 当然也有快捷键(Ctrl + Shift + C)