chrome扩展开发（3）- 书签功能的四种实现方式综述_前端如何兼容显示书签栏

作者：小桥流水78 | 2024-07-13 17:45:35

踩

前端如何兼容显示书签栏

秉持匠心精神，不求做大做强，始终关注如何利用JS栈技术改善日常工作和生活

一、本文目标

系统梳理在chrome浏览器中实现书签功能的多种方式。

二、适合读者

1.经常使用chrome浏览器的人。
2.时不时因为忘了某个网站的地址而烦恼的人。

三、四种实现方式综述

1.浏览器自带的书签功能
浏览器地址栏下面一行就是书签栏，如下图红框中所示：
在这里插入图片描述
如果书签栏没有显示出来，则需要点击地址栏最右侧的“三个竖直排列的圆点”图标进行设置（勾选“显示书签栏”），如下图所示：

这种书签管理的方式很常见，在我学习chrome扩展之前，已经用了很多年了，这种管理方式的问题在于：无法进行搜索。用肉眼找自己所要的网站有时是很痛苦的。
2.浏览器自带的标签管理器
在地址栏输入“chrome://bookmarks”，回车，就能打开标签管理器，如下图所示：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小桥流水78/article/detail/820795