今天推荐一款更加好用的 Chrome 书签同步小插件 ——Chrome™书签同步,截止 2022年5月11日该插件最新版本为 1.4 。...它的功能和 Chrome 自带的同步功能完全一样,当用户添加、修改或删除了书签时,自动同步到云端。当不同电脑登录同一个账户时,它们的书签列表会自动合并。...此时会弹出对话框,提示“添加Chrome™书签同步”,点击“添加扩展程序”按钮,此时扩展程序页面中会多了一项:Chrome™书签同步。 此时扩展已经安装成功。为了方便使用,可以把它固定到工具栏中。...选择“扩展程序”图标,选择 Chrome书签同步 的“固定”按钮,此时工具栏中就会添加 Chrome书签同步 的标签。...即使换了电脑,安装 Chrome书签同步 插件之后,微信扫一扫,书签就会自动下载到新电脑上。 说明:为了避免信息泄露,下图中的二维码做了特殊处理。
由于东方的神秘力量,国内正常情况下是连不上 Google 账号的,所以平时使用 Chrome 经常会头疼书签同步问题。由于魔法力量的不稳定,有时候不同步,有时还会同步错乱导致书签丢失。...已经被 Microsoft Edge 层出不穷的错误代码折腾的没脾气了 回到 Chrome,介绍一下这个偶然发现的插件:书签同步码云。...path 注意,这里写的是相对 repo 仓库的 path 信息,如果你想直接把文件保存的仓库根目录,path 就可以写 chrome.html 或者 chrome.json,名称可以随便写,以 html...使用事项 注意,如果是第一次添加使用,在填写完信息之后,需要先在仓库中创建一个 path 的文件(例如,这里的 chrome.json,需要先创建)。...然后再将本地书签导入到当前浏览器,再自己将书签整理下,把当前浏览器的书签和云端仓库的书签整合。 整理完毕再上传(Upload)就 ok。 3. 参考资料 谷歌浏览器书签同步工具 - 知乎
在搞同步的时候,点击同步,结果本地的书签被云端的覆盖,如何恢复?...Chrome书签默认有备份,估计就是防止我们搞这些骚操作 打开文件目录: ~/Library/Application Support/Google/Chrome/Profile 1 (如果找不到,可以~.../Library/Application Support/Google/Chrome,再搜索bookmarks) 里面有个文件,Bookmarks 是现在的书签,Bookmarks.bak是备份,删除Bookmarks...然后关闭网络,重启浏览器,书签就回来了
win系统找回Google Chrome浏览器里的书签 作者:matrix 被围观: 1,624 次 发布时间:2015-02-19 分类:零零星星 | 2 条评论 » 这是一个创建于 2751...在chrome中误删掉或者清空书签之后是可以还原的。但是如果你误删之后清空了浏览器数据那就不在这个方法范围之类。...\ Windows Vista/Windows 7 以上: %LOCALAPPDATA%\Google\Chrome\User Data\Default\ 打开chrome目录之后找到Bookmarks...Bookmarks文件为当前的书签 Bookmarks.bak文件为系统自动备份的书签 还原操作 把 Bookmarks.bak 复制一份,重新命名并替换原本的 Bookmarks 再重启浏览器就会看到误删操作之前的书签了...参考:http://free.com.tw/restore-google-chrome-bookmarks-bak/
今天推送一篇极其实用的可视化教程,可视化我们自己的浏览器中收藏的书签。...事情是这样的,昨天我在找一个收藏夹中的书签时: 由于层级过深,无法直接触达,学代码写程序就是为了解决这些小问题,我灵感一现,可不可以浏览器书签层次可视化出来,直接点击呢?...按照收藏夹中书签的层次顺序,由根节点延伸到叶子节点,每个叶子节点就是一个书签,可以直接点击叶子节点到达对应的书签地址。...核心代码 导出浏览器书签格式如下 需要使用 lxml 将它解析成 json,然后扔给 echarts 做可视化。.../a/text()')) == 0: print('过滤掉没有书签名的') continue
一直使用谷歌浏览器,因为某些原因登录谷歌账号不方便,所以公司和家里的浏览器上收藏的好多书签也不能同步,以前都是直接导出来,然后自己手动导入同步。...最近打算把所有书签整理下放到自己的 blog 上维护,blog 是用 vuepress2 搭建的,里面的 markdown 页面本身也是可以直接写 html 标签的。...json文件 Chrome 浏览器其实有自动生成的json文件,具体位置: windows 系统 C:\Users\Administrator\AppData\Local\Google\Chrome\User...Data\Default\Bookmarks mac 系统 /Users/${一般是你的电脑账号名}/Library/Application Support/Google/Chrome/Default.../Bookmarks 也可以直接在谷歌浏览器地址栏输入 chrome://version,会自动加载出有关谷歌浏览器的各种信息。
之前为了把浏览器书签放到博客里维护,特意写了一个 bookmark 转 json/markdown 的小工具:parse-bookmark。.../) * [简书](https://www.jianshu.com/) ### 工具 * [在线图片压缩](https://tinyjpg.com/) * [TinyPNG – Developer API...从谷歌浏览器中导出的书签长这样: TinyPNG – Developer API...注意因为转换的数据里没有设置 icon 这个属性,所以默认在书签里打开前面的图标默认都是灰色的,只要访问当前书签后,浏览器会自动更新前面的小 icon 的。
在工作与学习中,我们时常希望在不同浏览器之间实现书签的同步;而一些传统的浏览器书签同步方案,或多或少都面临着一些问题——比如,Chrome浏览器尽管可以实现比较好的跨设备同步,但由于网络的限制可能导致同步不稳定...;另一方面,比如想跨浏览器实现同步(例如将某一台电脑上Chrome浏览器的书签与这台或另一台电脑上的火狐浏览器的书签实现同步),则很少有可靠的解决方法。 ...这里就详细介绍基于floccus插件与坚果云的WebDAV协议,实现浏览器书签的跨平台、跨设备自动同步方法。 本文以Chrome浏览器为例来介绍详细的操作方法。...接下来,选择要同步的书签文件夹。由于我是准备将Chrome浏览器中的全部书签都进行同步,因此就选择了书签的根目录。 接下来,大家按照个人习惯,设定一下书签的同步频率。...我这里选择了15m,就说明只要我开启Chrome浏览器,该插件就会每隔15分钟自动同步一次我们的书签。 其他选项都选择默认即可。随后,点击最下方的“SAVE”。
前言 针对 API 的管理,非常重要的一点就是做 API 监控。...API 管理的基本框架 在 API 的管理上我是认为有几个方面的: API 的基本开发管理(API设计,接口元信息,调用管理,测试,限流,路由管理等等) API 的基本监控(流量,耗时,错误码,可用性监控等等...) API 的安全管控(STL,鉴权,证书等等) API 的高级特性(可扩展性,缓存,伸缩,性能分析,流量放大分析等等) 从 API 的基本开发管理和到高级的功能分层进行管理,从基本可用到安全可控。...API 的基本设计也是一个非常复杂的事情,要做好一个 API 的设计也不是那么容易的,这部分我后面也打算写一个系列来介绍一下。今天的重点是是 API 的基本监控。...API 监控级别 API 监控同样也是符合上面的理论,也是有一个理论框架的。对于 API 的监控首先是分级别的,这是为了监控的实施,很多事情分层之后就会很清晰,无论在理解上和该怎么实施上都会很清晰。
于是我就想如果请求收藏夹的API,是否可以获取这些信息。但打开后发现,这些数据是从请求API的时候就被删除或者说被过滤掉了。 可以看到title是“已失效视频”,cover是失效视频的封面。...用插件的API发送请求。...// background.js chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) {...错误的根本原因还是对插件开发文档的不熟悉导致,基本没怎么看过文档,也没怎么用过插件的API。...现在改为先在background js中添加监听函数,然后在content script中用插件API的chrome.runtime.sendMessage进行通信,此时background js中的chrome.runtime.onMessage.addListener
事情是这样的,前几天写了个书签可视化工具 【开源】Chrome 浏览器书签层级可视化 可是还要配置 python 环境环境,安装依赖,对使用者不太友好。...于是我把它做成 chrome 插件(其实标准的做法应该叫 chrome 扩展,而不是 chrome 插件,大家叫插件叫习惯了)了,在线安装即可使用。...后我用 Google 家 Chrome 浏览器搜到了下面这样一段话。 Google正在为 Chrome 浏览器推出全新的安全功能,旨在使其更容易发现可疑的下载和扩展。...所以大家放心安装,这个插件没有任何网络请求,不会将你的书签信息保存到我的服务器上,点击上一个截图中的继续安装就可以看到 Google 的权限提醒了,该插件只会读取书签,如果有网络请求,它会在这一步列出来...代码 插件全部开源在书签可视化仓库 https://github.com/inspurer/ChromeBookmarkVisual 里面的 chrome-extension-src 文件夹下 点击阅读原文可直达
Chrome 116 刚刚发布了正式版本,其中比较值得关注的新增功能就是网页的画中画 API 了(Document Picture in Picture API )。...简介 画中画 API 可以打开一个始终位于当前网页顶部的窗口,这个窗口可以填充任意的 HTML 内容。...使用场景 这个 API 还是有挺多实用场景的,首先我们还是可以用它来实现自定义视频播放器,虽然现有的 Picture-in-Picture API for 也可以实现,但是效果非常有限(...(如果选项值太大或太小而无法适应用户友好的窗口大小,Chrome 可能会限制选项值) pipButton.addEventListener("click", async () => { const.... } 最后 参考: https://developer.chrome.com/docs/web-platform/document-picture-in-picture https://developer.chrome.com
当你打开chrome的“扩展程序”界面,看着琳琅满目的插件,有没有想过亲自动手,打造一个自己的插件呢?当然,这种想法不应该是闲着某个部位疼,刻意的去开发一个连自己都不会实际使用的插件。...如果刚好你是一个web前端开发者,那么恭喜你,几乎没有门槛(只要有能看懂chrome extentions API文档就行),因为所有用到的技术都是你所熟悉的: json配置, js逻辑, css+html...2 初步探索 chrome extension的官方文档上,有着简单的demo指引,全面的API文档,以及对于各种API的丰富例子。...为了下次再看,通常是保存到书签/笔记。...3.2 数据存储和数据流 本插件的功能类似于书签,需要保存目标页面的一些信息(标题, url, 进度)。那么有没有一种好的方法,可以保存这些数据,并且在同一个google账号上共享呢?
Chrome Canary 是 Google Chrome 的一个实验版本,专为想要在最新功能和 API 广泛发布之前测试它们的开发人员和技术爱好者而设计。...想要试用的话,首先需要下载并安装 Chrome Canary https://www.google.com/chrome/canary/,然后为 Gemini Nano 启用 Prompt API。...chrome://flags/#prompt-api-for-gemini-nano chrome://flags/#optimization-guide-on-device-model 激活这些选项后...Prompt API 提案是 Chrome 内置 AI 的早期设计提案,此提案的目标是: 为 Web 开发者提供一个统一的 JavaScript API,用于访问浏览器提供的语言模型。...目前的 Chrome Canary 试验 Gemini Nano 的 API 基本也是按照这个提案来的。
Chrome 61 Beta版:JavaScript模块,桌面支付请求API,Web Share API,以及WebUSB 除非另有说明,否则下述更改适用于Android,Chrome OS,Linux...,Mac和Windows的Chrome Beta最新版本。...Chrome现在支持WebUSB API,允许web应用与用户同意的外设进行通信。这些设备提供的所有功能都能使用,同时还能保持网络的安全性。...对于使用原生控件播放的视频,当用户按照与屏幕上播放的视频相匹配的方向旋转设备时,Chrome会自动将视频扩展为全屏。...背景选项卡中的Chrome将不再解码使用Media Source的视频帧。
在工程实践中,很多时候写的是纷繁复杂的业务逻辑, 在需求急排期短的时候,来不及多想一下,这个需求还有没有更优的解决方案?...需求背景接到这样一个需求,需要解析用户收藏的 Chrome 书签,并且层次化可视化出来,方便一键触达多层次的书签链接,而不用手动一一展开。...需求分析我们知道,无论是 Chrome 还是 FireFox,都是允许用户创建多级书签的,意即,根书签栏中的每一个子项,可以是一个具体的书签网址,也可以是下一级书签栏,并且这种层次是可以一直衍生下去的,...首先肯定是要分析书签文件的格式,先在 chrome 浏览器中导出我们自己的书签文件,打开浏览器书签地址:chrome://bookmarks/点击页面右上角的三点设置按钮,点击【导出书签】,即可得到一个...层次格式大体如下:简单总结下书签格式:每个书签都是一个 DT 元素;如果书签是具体地址,那么这个 DT 元素下就是一个 A 元素,A 元素的 href 属性就是书签地址,文本内容就是书签名。
在Chrome中对收藏的网站(即书签,下文用书签指代收藏的网站)中进行模糊搜索的方式为,在地址栏中输入 * 书签信息 其中书签信息包括 书签名 书签的网址 如输入* api,则在地址栏的下拉选择框中列出所有书签名和地址中带...api的地址。...如果觉得嫌要输入*麻烦,则可以配置自定义的搜索书签的搜索引擎,方法如下 进入Chrome的设置,在右上角的输入框中输入“搜索”。...在搜索结果中,点击“管理搜索引擎”按钮 在搜索引擎的弹出框最下方新建搜索引擎 名称输入:谷歌书签(也可以用别的名字) 关键字输入:bookmark(也可以用别的关键字) 网址输入: chrome://...这里推荐个Chrome插件Vimium。通过这个插件,就可以在页面中输入b,会弹出一个输入框,在里面输入要查找书签的信息即可。当然,这个插件主要酷的地方在于,可以用Vim的方式来浏览页面了。
浏览器插件:提供Chrome插件和Firefox扩展,方便快速添加书签。 移动应用:拥有iOS和Android应用,实现跨设备同步。 RSS订阅:自动从RSS源收集内容,节省手动收藏的时间。...REST API:提供REST API接口,便于与其他应用集成。 全页归档:使用monolith工具对网页进行全页归档,防止链接失效;支持使用youtube-dl自动归档视频。...:9222 # OPENAI_API_KEY: ......DATA_DIR: /data chrome: image: registry.cn-hangzhou.aliyuncs.com/jeson/alpine-chrome:123 restart...-1 registry.cn-hangzhou.aliyuncs.com/jeson/alpine-chrome:123 "chromium-browser --…" chrome
Chrome 在上周发布了 102 版本,我们一起来看看都有哪些新东西把!...inert 在 Chrome 102 中提供支持,并且在 Firefox 和 Safari 中也都是可用的。...之前我们一般都是用 History API 去实现的。...Navigation API 提供了一种更友好的方式来帮助我们操作网页的导航。 要使用 Navigation API,我们需要在全局对象上添加一个 navigate 监听器。...目前只有 Edge、Chrome 对它提供了支持。 File Handling API File Handling API 可以让已安装的 PWA 向操作系统注册文件处理程序。