【Google工具】infinity pro使用体验

【Google工具】infinity pro使用体验

前言

前几天看了DieHunter1024老哥的博客——《谷歌插件Infinity pro标签书签分享,附上本地pro版的书签的迁移方法》,感觉不错(新知识get),今天学习一下。

使用过程

安装

在线安装

也可以在Chrome网上应用店中搜索infinity pro。然后

image-20201026085534931

离线安装

安装过程具体看《谷歌插件Infinity pro标签书签分享,附上本地pro版的书签的迁移方法

下载渠道:

谷歌infinity插件下载:https://www.extfans.com/search/extensions/infinity/(推荐)

官网:http://cn.infinitynewtab.com/

此外我发现博主的gitee仓库了有离线crx文件。https://gitee.com/DieHunter/myCode/tree/master/infinity_pro

使用博主的标签

尝试一下如何使用博主的书签。

理论基础

引用自《谷歌插件Infinity pro标签书签分享,附上本地pro版的书签的迁移方法

新版的infinity pro标签不支持备份成本地infinity文件,只能通过云端进行云更新和备份,作为web前端开发者当然是要打开F12一探究竟。

于是我发现,断网的状态下,刷新页面不会请求数据渲染,也就是所有的书签都存在本地缓存中。

于是我试了试查看localstorage,果然查到了一个infinity-icons的键值对,这里就是infinity_pro的所有图标,如果需要复制别人的或者复制给别人,直接用此方法生成json文件或者直接用txt即可。

注意:粘贴了别人的书签后需要重启浏览器才有效

操作过程

F12一下。

在这里插入图片描述

然后到https://gitee.com/DieHunter/myCode/blob/master/infinity_pro/infinity_pro.json一键复制。

在这里插入图片描述

最后重启浏览器,注意把后台也注销掉。

一开始没注意,发现localstorage变了,但是页面就是没变。最后重启电脑解决了。

最终效果

在这里插入图片描述

总结

每天学点新知识和新工具,说不定哪天用得着。

以后有时间把我书签栏的部分常用的书签迁入到这个插件中。

而且今天学习这个书签插件的过程中,我还又了解到了扩展迷Extfans这个Chrome插件下载网站。回顾了一下Chrome DevTools开发者工具调试指南

更新地址:GitHub

更多内容请关注:CSDNGitHub掘金

猜你喜欢

转载自blog.csdn.net/weixin_42875245/article/details/109283811