頁閱讀希望有邊讀邊記，可是一邊瀏覽器，一邊wps的操作不僅不便，而且有些時(shí)候網(wǎng)頁標(biāo)記也容易找不到。

如果你正在為這個(gè)頭痛，不妨體驗(yàn)一下PAGENOTE，一個(gè)讓任意網(wǎng)頁成為筆記本，高亮關(guān)鍵字、添加筆記、網(wǎng)頁快照，支持導(dǎo)入導(dǎo)出，還也可以生成分享鏈接，讓好友看到你的筆記的網(wǎng)頁標(biāo)記工具。

重要提示：PAGENOTE不需要登錄，不需要聯(lián)網(wǎng)，0門檻使用。數(shù)據(jù)存儲(chǔ)在用戶本地，百分百的數(shù)據(jù)安全。

網(wǎng)頁上的標(biāo)記工具

PAGENOTE，中文名是一頁一記，支持firefox、chrome、360等主流瀏覽器，安裝插件之后就可以使用了。

這個(gè)工具的特點(diǎn)是你可以在網(wǎng)頁上任意標(biāo)注（最大支持50個(gè)批注），而且還能對(duì)標(biāo)記內(nèi)容用不同色彩加以區(qū)分，更厲害的是選中之后還可以網(wǎng)頁快照、復(fù)制和檢索資料，一張動(dòng)圖就能說明一切。

同時(shí)，標(biāo)記之后還可以在網(wǎng)頁上進(jìn)行標(biāo)記的編輯和瀏覽。

不僅如此，你還可以對(duì)網(wǎng)頁進(jìn)行截圖瀏覽。

完成之后，還可以對(duì)網(wǎng)頁進(jìn)行標(biāo)簽操作。

點(diǎn)擊manage in pagenoter之后，就能進(jìn)入編輯器。

編輯器效果很簡(jiǎn)單，采用本地存儲(chǔ)的方案，理論上可以提供無限記錄空間。

非常方便您去查找之前標(biāo)記過的內(nèi)容。可以通過高亮的文本、或者你自己的留言筆記去關(guān)鍵字搜索。點(diǎn)擊瀏覽器右上角 pagenote 的圖標(biāo)，在彈出頁中可以查看你所有標(biāo)記過的內(nèi)容。

體驗(yàn)小結(jié)

這款國(guó)人開發(fā)的小工具雖然簡(jiǎn)單，卻十分適合網(wǎng)頁閱讀的小伙伴進(jìn)行資料收集整理，而且本地存儲(chǔ)數(shù)據(jù)，安全可控。唯一需要注意的是目前導(dǎo)出的格式為md（markdown語法格式），期待下一版能夠?qū)С鰄tml或者word格式。

VSCode中，有許多與HTML相關(guān)的插件可以大大提高開發(fā)效率和便利性。以下是一些值得推薦的插件，它們各自具有獨(dú)特的功能和優(yōu)點(diǎn)，可以幫助您更好地編寫、調(diào)試和預(yù)覽HTML代碼。

1. HTML Snippets: 這個(gè)插件提供了許多HTML代碼片段，可以幫助您快速編寫常見的HTML結(jié)構(gòu)和元素。只需輸入簡(jiǎn)短的縮寫，即可自動(dòng)生成相應(yīng)的HTML代碼，大大提高了編寫速度。

2. Emmet: Emmet是一個(gè)強(qiáng)大的代碼生成器，支持多種編程語言，包括HTML。通過簡(jiǎn)單的縮寫和語法，您可以快速生成復(fù)雜的HTML結(jié)構(gòu)和嵌套元素。Emmet還提供了許多自定義選項(xiàng)，可以根據(jù)您的需求進(jìn)行靈活配置。

3. HTML Boilerplate: 這個(gè)插件提供了一個(gè)HTML模板，包含了常見的HTML結(jié)構(gòu)和元素，如文檔類型聲明、字符編碼、頭部信息等。使用這個(gè)插件，您可以快速創(chuàng)建一個(gè)基本的HTML框架，然后在此基礎(chǔ)上進(jìn)行進(jìn)一步的開發(fā)。

4. HTML Preview: HTML Preview插件可以在VSCode中實(shí)時(shí)預(yù)覽HTML代碼的效果。您只需在編輯器中打開HTML文件，然后點(diǎn)擊預(yù)覽按鈕，即可在側(cè)邊欄中查看HTML頁面的渲染效果。這對(duì)于調(diào)試和預(yù)覽HTML代碼非常方便。

5. Color Highlight: Color Highlight插件可以自動(dòng)識(shí)別HTML代碼中的顏色值，并在編輯器中高亮顯示。這使得您更容易發(fā)現(xiàn)和修改顏色值，提高了代碼的可讀性和可維護(hù)性。

6. HTML Boilerplate Generator: 這個(gè)插件可以幫助您快速生成HTML5的Boilerplate代碼，包括常用的meta標(biāo)簽、字符編碼、視口設(shè)置等。它還提供了一些自定義選項(xiàng)，可以根據(jù)您的需求生成符合規(guī)范的HTML代碼。

7. HTML CSS Support: 這個(gè)插件提供了對(duì)HTML和CSS的完整支持，包括語法高亮、代碼片段、代碼折疊等功能。它還支持自動(dòng)完成和錯(cuò)誤檢查，可以幫助您更高效地編寫HTML和CSS代碼。

8. HTML/CSS/JS Prettify: 這個(gè)插件可以對(duì)HTML、CSS和JavaScript代碼進(jìn)行格式化，使其更加整潔和易讀。您可以自定義格式化規(guī)則，也可以使用默認(rèn)的規(guī)則進(jìn)行快速格式化。這對(duì)于保持代碼風(fēng)格一致和提高代碼可讀性非常有幫助。

9. HTML Validator: HTML Validator插件可以對(duì)HTML代碼進(jìn)行驗(yàn)證，檢查其是否符合W3C規(guī)范。它可以檢測(cè)出潛在的錯(cuò)誤和不符合規(guī)范的地方，并給出相應(yīng)的提示和建議。這對(duì)于編寫符合標(biāo)準(zhǔn)的HTML代碼非常有幫助。

10. Live Server: Live Server插件可以在本地啟動(dòng)一個(gè)實(shí)時(shí)服務(wù)器，讓您在瀏覽器中實(shí)時(shí)預(yù)覽HTML、CSS和JavaScript代碼的效果。它支持自動(dòng)刷新和熱更新，可以實(shí)時(shí)反映代碼的變化。這對(duì)于前端開發(fā)和調(diào)試非常方便。

以上是一些值得推薦的VSCode中與HTML相關(guān)的插件。它們各自具有獨(dú)特的功能和優(yōu)點(diǎn)，可以幫助您提高開發(fā)效率和便利性。當(dāng)然，具體選擇哪些插件還需要根據(jù)您的實(shí)際需求和喜好來決定。希望這些推薦能對(duì)您有所幫助！

?