零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

文章中心6个月前发布 admin
60 0 0

零基础知识也可以制作浏览器插件。谷歌的这个工具可以帮助你轻松做到这一点。

即使没有任何编码知识,您也可以创建自己的新标签页扩展。

浏览器是我们上网必不可少的工具之一。无论你使用哪一种,新标签页往往都是我们进入网络世界的重要入口。

因此,市面上已经有很多美化或者增强新标签页的第三方扩展,比如小众推出的Momentum、Infinity等。许多新标签页扩展都以“个性化定制”作为卖点。当我们点击浏览器图标时,我们自己的网页浏览体验就准备好了。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

也正是因为类似的原因,谷歌最近推出的TabMaker才如此吸引人——作为Chrome背后的创造者,谷歌推出的这款小工具完全把选择权交给了用户,让我们即使没有任何编码也能使用它基础。您可以创建只属于您的新标签页扩展。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

与大多数“零代码”工具一样,TabMaker为我们提供了非常直观的分步指南和图形定制界面。在TabMaker官网选择Makeyourown进入在线编辑器页面后,我们首先需要选择11个预设模板之一进行编辑(也可以导入别人分享的.zip文件)。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

然后TabMaker会指导我们创建一个GoogleSheet表格模板来构建页面内容。此时我们需要做的是生成此表单的副本并将其保存到我们自己的GoogleDrive存储中。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

接下来就可以在GoogleSheet中自由发挥了:

表中的每一行代表一个选项卡页。我们可以在其中添加页面的背景图片,并在每个块中添加我们想要添加的文字或图片(图片需要是链接的形式)

您还可以为每个块附加一个超链接,以便该块具有单击跳转到目标链接的能力。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

为了避免大家在GoogleSheet和TabMaker之间来回跳转,我们选择的模板样式的缩略图被贴心地添加到了表格的左上角。

编辑完表格内容后,我们接下来需要将表格转换为公共形式:点击左上角菜单中的“文件”>“共享”>“发布到网络”,在弹出的两个下拉菜单中选择第二个辅助表格对话框。步骤2:添加内容到此表和.csv格式逗号分隔值(*.csv),最后单击“发布”按钮。

这时,GoogleSheets会自动生成表格的链接。我们需要将其复制粘贴到TabMaker页面底部的对话框中,让TabMaker读取表格中输入的页面数据,生成相应的文本和多媒体内容。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

最后,格式化我们填充到选项卡中的各种元素。TabMaker为页面元素提供了非常详细的布局选项。我们可以一步步定制每一个设计细节,包括背景颜色、背景图片的布局、页面和块的边距、每个块的大小、字体类型和大小等。总之,只要根据自己的喜好和品味进行微调,右侧就会立即生成相应的效果预览,直到您满意为止。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

至于导出和使用,新标签页扩展创建完成后,TabMaker会自动生成一个包含扩展文件的压缩包文件供我们下载。我们可以将其安装到Chrome/Edge浏览器中来看看实际效果。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

以Chrome为例:打开Chrome的扩展设置页面,开启开发者模式,然后点击加载扩展包,选择刚刚下载并解压的文件夹。然后打开一个新选项卡并查看您创建的新选项卡扩展!

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

如果您想小规模地与朋友和家人分享您创建的扩展,只需将压缩包发送给他们,并让他们重复上面加载扩展包的步骤,他们就可以看到您创建的扩展打开新选项卡时。;如果您想让更多用户下载并使用您制作的新标签页扩展,您还可以前往Chrome在线扩展商店注册,登录您的Google开发者帐户,上传压缩包文件并等待审核。一旦获得批准,它将公开供所有Chrome用户下载。

当然,即使是小范围共享,我们也可以立即更新我们创建的新标签页!只需继续编辑和更新之前的GoogleSheets在线表单的内容,您与之共享的人每次打开新标签页时都将能够立即看到我们的内容更新。

在Google的愿景中,创建TabMaker产品的初衷是让每个人都能在这个每天打开无数标签的时代,毫无障碍地使用这个平台与他人分享内容。享受您自己的想法或各种喜欢的事物。例如,给出的四个例子包括在标签页中创建一个关于银河系的图库来探索和了解银河系的奥秘,以及在互联网上查看各种可爱的猫和狗。,观看新兴艺术家的作品并从中获得灵感,从当地独立商人处获取最新消息和更新等等。

零基础也能做浏览器插件,Google的这个工具帮你轻松搞定

从某种程度上来说,TabMaker类似于Google的早期产品“iGoogle”服务。该服务允许用户根据个人喜好轻松定制和整合谷歌主页上不同来源的信息,使其成为一个个性化的门户。

您可以立即转到TabMaker主页(

https://tabmaker.withgoogle.com/)来体验这款新产品。

本文来自微信公众号“少数”(ID:sspaime)

© 版权声明

相关文章