页阅读希望有边读边记，可是一边浏览器，一边wps的操作不仅不便，而且有些时候网页标记也容易找不到。

如果你正在为这个头痛，不妨体验一下PAGENOTE，一个让任意网页成为笔记本，高亮关键字、添加笔记、网页快照，支持导入导出，还也可以生成分享链接，让好友看到你的笔记的网页标记工具。

重要提示：PAGENOTE不需要登录，不需要联网，0门槛使用。数据存储在用户本地，百分百的数据安全。

网页上的标记工具

PAGENOTE，中文名是一页一记，支持firefox、chrome、360等主流浏览器，安装插件之后就可以使用了。

这个工具的特点是你可以在网页上任意标注（最大支持50个批注），而且还能对标记内容用不同色彩加以区分，更厉害的是选中之后还可以网页快照、复制和检索资料，一张动图就能说明一切。

同时，标记之后还可以在网页上进行标记的编辑和浏览。

不仅如此，你还可以对网页进行截图浏览。

完成之后，还可以对网页进行标签操作。

点击manage in pagenoter之后，就能进入编辑器。

编辑器效果很简单，采用本地存储的方案，理论上可以提供无限记录空间。

非常方便您去查找之前标记过的内容。可以通过高亮的文本、或者你自己的留言笔记去关键字搜索。点击浏览器右上角 pagenote 的图标，在弹出页中可以查看你所有标记过的内容。

体验小结

这款国人开发的小工具虽然简单，却十分适合网页阅读的小伙伴进行资料收集整理，而且本地存储数据，安全可控。唯一需要注意的是目前导出的格式为md（markdown语法格式），期待下一版能够导出html或者word格式。

VSCode中，有许多与HTML相关的插件可以大大提高开发效率和便利性。以下是一些值得推荐的插件，它们各自具有独特的功能和优点，可以帮助您更好地编写、调试和预览HTML代码。

1. HTML Snippets: 这个插件提供了许多HTML代码片段，可以帮助您快速编写常见的HTML结构和元素。只需输入简短的缩写，即可自动生成相应的HTML代码，大大提高了编写速度。

2. Emmet: Emmet是一个强大的代码生成器，支持多种编程语言，包括HTML。通过简单的缩写和语法，您可以快速生成复杂的HTML结构和嵌套元素。Emmet还提供了许多自定义选项，可以根据您的需求进行灵活配置。

3. HTML Boilerplate: 这个插件提供了一个HTML模板，包含了常见的HTML结构和元素，如文档类型声明、字符编码、头部信息等。使用这个插件，您可以快速创建一个基本的HTML框架，然后在此基础上进行进一步的开发。

4. HTML Preview: HTML Preview插件可以在VSCode中实时预览HTML代码的效果。您只需在编辑器中打开HTML文件，然后点击预览按钮，即可在侧边栏中查看HTML页面的渲染效果。这对于调试和预览HTML代码非常方便。

5. Color Highlight: Color Highlight插件可以自动识别HTML代码中的颜色值，并在编辑器中高亮显示。这使得您更容易发现和修改颜色值，提高了代码的可读性和可维护性。

6. HTML Boilerplate Generator: 这个插件可以帮助您快速生成HTML5的Boilerplate代码，包括常用的meta标签、字符编码、视口设置等。它还提供了一些自定义选项，可以根据您的需求生成符合规范的HTML代码。

7. HTML CSS Support: 这个插件提供了对HTML和CSS的完整支持，包括语法高亮、代码片段、代码折叠等功能。它还支持自动完成和错误检查，可以帮助您更高效地编写HTML和CSS代码。

8. HTML/CSS/JS Prettify: 这个插件可以对HTML、CSS和JavaScript代码进行格式化，使其更加整洁和易读。您可以自定义格式化规则，也可以使用默认的规则进行快速格式化。这对于保持代码风格一致和提高代码可读性非常有帮助。

9. HTML Validator: HTML Validator插件可以对HTML代码进行验证，检查其是否符合W3C规范。它可以检测出潜在的错误和不符合规范的地方，并给出相应的提示和建议。这对于编写符合标准的HTML代码非常有帮助。

10. Live Server: Live Server插件可以在本地启动一个实时服务器，让您在浏览器中实时预览HTML、CSS和JavaScript代码的效果。它支持自动刷新和热更新，可以实时反映代码的变化。这对于前端开发和调试非常方便。

以上是一些值得推荐的VSCode中与HTML相关的插件。它们各自具有独特的功能和优点，可以帮助您提高开发效率和便利性。当然，具体选择哪些插件还需要根据您的实际需求和喜好来决定。希望这些推荐能对您有所帮助！

?