如何为您喜爱的网站创建自定义Chrome Web应用程序快捷方式

custom-chrome-bookmark-web-app[4]

谷歌现在推Chrome封装应用程序 ,但很多的Chrome应用还是快捷方式的网站。 如果您所需的网站在Chrome网上应用店中不可用,您可以将自己的自定义网络应用程序用作快捷方式。

这些Chrome网络应用也将出现在Chrome应用程序启动在Windows,Mac,Linux和Chrome操作系统 您可以从启动器打开它们, 将它们设置为常开窗口或固定标签页 -你不能做到这一点与标准的书签。

这是从不同的创建任务栏和桌面快捷方式,让网站在自己的窗口中运行 你可以为任何网站。

创建自定义Web应用程序

为此,我们将从头开始创建最简单的Chrome网络应用程序。 你真正需要的是一个图标和一个网址。

首先,在计算机上为您的网络应用程序创建一个新文件夹。

create-folder-for-chrome-web-app

接下来,创建一个名为manifest.json的新文件夹中新建一个文本文件。

create-manifest.json

在任何文本编辑器(例如记事本)中打开manifest.json文件。 复制并粘贴以下文本到其中:

{
“manifest_version”:2,
“名”:“ 网站名称 ”,
“说明”:“ 网站描述 ”,
“version”:“1.0”,
“icons”:{
“128”:“128.png”
},
“app”:{
“urls”:[
“http://example.com/”

],
“launch”:{
“的web_url”:“http://example.com/”
}}
},
“permissions”:[
“unlimitedStorage”,
“notifications”
]]
}}

更改示例代码的粗体部分,替换网站的名称,说明和网址。 例如,如果您要启动“How-To Geek”,您可以在名称字段中填写“How-To Geek”,输入您喜欢的任何说明,然后使用URL http://howtoip.com。

manifest-json-file-for-chrome-web-app

接下来,找到一个128×128 PNG图像文件,将用作网站的徽标。 如果您没有完全正确的大小的图像,您可以使用图像编辑器(如Paint.NET)裁剪和调整较大的图像。

图像文件的名称创建的文件夹中保存128.png。

create-icon-for-chrome-web-app

最后,在打开Chrome浏览器的扩展页面铬://扩展/ 启用开发人员模式复选框,然后点击加载未展开的扩展程序按钮。

load-unpacked-extension-in-chrome

浏览至您建立的资料夹,然后按一下[确定],Chrome就会安装您刚刚建立的网路应用程式。

custom-chrome-bookmark-web-app

安装应用后,您可以从新标签页启动该应用,通过右键点击它来自定义打开方式,或者从Chrome应用启动器启动该应用。

custom-shortcut-in-chrome-web-app-launcher

您也可以单击包扩展按钮将扩展包打包为单个可安装的.crx文件。 您可以将此文件分享给其他人,以便他们可以安装它。

本地安装的Chrome网络应用和扩展程序不会在您的计算机与Chrome同步之间同步。 为了节省时间,您可能需要备份网络应用程序文件夹或.crx文件,以便您可以轻松地将它们安装在其他计算机上。

快速和丑陋的方式

您还可以通过将书签从书签栏拖动到图标网格,将自定义快捷方式添加到新标签页。

easily-create-chrome-bookmark-web-app

不幸的是,大图标将是相当丑陋,没有正确的名称或图标。 这个书签的功能就像一个标准的书签应用程序,但没有办法调整它,使它看起来更好。

ugly-chrome-web-app-shortcut


理想情况下,Google会扩展拖放功能,重命名这些自定义快捷方式,并轻松分配更好的图标。 现在,我们必须用手动解决方案。

赞 (0)
分享到:更多 ()