如何為您喜愛的網站建立自定義chrome web應用快捷方式

谷歌目前正在推出Chrome打包的應用程式,但許多Chrome應用程式仍然是網站的快捷方式。如果你想要的網站在Chrome網路商店中不可用,你可以製作你自己的自定義網路應用程式作為快捷方式。...

如何為您喜愛的網站建立自定義chrome web應用快捷方式

谷歌目前正在推出Chrome打包的應用程式,但許多Chrome應用程式仍然是網站的快捷方式。如果你想要的網站在Chrome網路商店中不可用,你可以**你自己的自定義網路應用程式作為快捷方式。

這些Chrome web應用程式也將出現在Windows、Mac、Linux和Chrome OS上的Chrome應用程式啟動程式中。您可以從啟動程式開啟它們,並將它們設定為始終作為視窗或固定選項卡開啟-您不能用標準書籤來實現這一點。

這不同於建立工作列和桌面快捷方式,允許網站在自己的視窗中執行。你可以為任何網站這樣做。

建立自定義web應用

為了做到這一點,我們將從零開始建立最簡單的Chrome web應用程式。你真正需要的只是一個圖示和一個網址。

首先,在計算機上為web應用程式建立一個新資料夾。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

接下來,建立一個名為清單.json在新資料夾中。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

開啟清單.json任何文字編輯器中的檔案-例如記事本。複製並貼上以下文字:

{ “manifest_version”: 2, “name”: “Website Name“, “description”: “Description of website“, “version”: “1.0”, “ic***”: { “128”: “128.png” }, “app”: { “urls”: [ “http://example.com/

], “launch”: { “web_url”: “http://example.com/” } }, “permissi***”: [ “unlimitedStorage”, “notificati***” ] }

更改示例程式碼的粗體部分,替換網站的名稱、說明和URL。例如,如果您想啟動How to Geek,您可以在name欄位中填寫“How to Geek”,輸入任何您喜歡的描述,然後使用URLhttp://tl80.cn。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

接下來,找到一個128×128 PNG影象檔案,它將被用作網站的徽標。如果你沒有一個大小正好合適的影象,你可以用像這樣的影象編輯器來裁剪和調整一個更大的影象油漆.NET.

將名為128.png的影象檔案儲存在建立的資料夾中。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

最後,開啟Chrome的擴充套件頁面chrome://extensi***/。啟用“開發人員模式”複選框,然後單擊“載入解包擴充套件”按鈕。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

瀏覽到您建立的資料夾,然後單擊“確定”-Chrome將安裝您剛剛建立的web應用程式。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

安裝了應用程式後,您可以從新的選項卡頁面啟動它,透過右鍵單擊它自定義它的開啟方式,或者從Chrome應用程式啟動程式啟動它。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

也可以單擊“打包副檔名”按鈕將副檔名打包為單個可安裝的.crx檔案。您可以將此檔案分發給其他人,以便他們也可以安裝它。

本地安裝的Chrome web應用程式和擴充套件無法在使用Chrome sync的計算機之間同步。為了節省將來的時間,您可能需要備份web應用資料夾或.crx檔案,以便在其他計算機上輕鬆安裝它們。

又快又醜的方式

您還可以透過將書籤從書籤欄拖到圖示網格,向新的選項卡頁新增自定義快捷方式。

如何為您喜愛的網站建立自定義chrome web應用快捷方式

不幸的是,大圖示將相當醜陋,沒有一個正確的名稱或圖示。這個書籤的功能就像一個標準的書籤應用程式,但沒有辦法調整它,使它看起來更好。

如何為您喜愛的網站建立自定義chrome web應用快捷方式


理想情況下,Google會擴充套件拖放功能,用一種方法來重新命名這些自定義快捷方式,並輕鬆地分配更好的圖示。現在,我們只能靠手工解決了。

  • 發表於 2021-04-11 17:32
  • 閱讀 ( 53 )
  • 分類:網際網路

你可能感興趣的文章

chrome支援macbook觸控式螢幕:以下是您可以使用它做的事情

... 今天我們將研究GoogleChrome如何與觸控欄互動,以及如何更改命令以滿足您的喜好。您還將瞭解第三方工具,該工具允許您為觸控欄定製快捷方式。 ...

  • 發佈於 2021-03-12 11:56
  • 閲讀 ( 41 )

如何在windows10中將網站固定到“開始”選單

我們最近向您展示了將站點固定到Windows10工作列是多麼容易,但另一種讓您喜愛的站點只需單擊一次就可以了的方法是將它們固定到“開始”選單。 ...

  • 發佈於 2021-03-12 14:54
  • 閲讀 ( 39 )

使用以下5個快捷方式,讓您的mac dock再次變得出色

... 為每個快捷方式使用自定義圖示如何?為此,首先將網站URL拖到桌面。現在找到要用作快捷方式圖示的影象並將其複製到剪貼簿。 ...

  • 發佈於 2021-03-16 02:39
  • 閲讀 ( 63 )

12+自定義windows鍵盤快捷鍵,適合你的極客

... 想成為捷徑大師嗎?看看你如何只用鍵盤就可以在窗戶周圍走動。 ...

  • 發佈於 2021-03-16 17:33
  • 閲讀 ( 50 )

9種同步firefox和chrome的方法:書籤、密碼等

...hrome擴充套件和最佳Firefox外掛列表。他們會給你更多關於如何保持Chrome和Firefox(或者你選擇的任何兩個瀏覽器)完美同步的想法。 ...

  • 發佈於 2021-03-20 15:56
  • 閲讀 ( 75 )

mac上自定義safari的最終指南

...您第一次開啟Safari時看到的內容。儘管如此,將主頁設定為您最喜愛的網頁是一個好主意,只需單擊工具欄上的“主頁”按鈕即可訪問。 ...

  • 發佈於 2021-03-21 16:28
  • 閲讀 ( 48 )

5種將任何網站轉變為桌面mac應用程式的方法

... 現在讓我們看看如何在Chrome中安裝新的應用程式擴充套件。 ...

  • 發佈於 2021-03-24 01:23
  • 閲讀 ( 50 )

3個對chrome有用的表情符號擴充套件

... 要獲得更多酷的emoji提示,請檢視我們關於如何在iOS中為您喜愛的emojis建立文字快捷方式以及如何在Android上使用iOS emojis的文章。你甚至可以在Linux上使用emoji鍵盤,在Windows上使用emoji面板。 ...

  • 發佈於 2021-03-24 02:20
  • 閲讀 ( 43 )

如何像專業人士一樣使用alfred for mac搜尋web

...的方式來搜尋網路和你的電腦噸的權力。我們將向您展示如何使用阿爾弗雷德成為搜尋大師。 ...

  • 發佈於 2021-03-24 10:38
  • 閲讀 ( 47 )

如何使用鍵盤快捷鍵啟動chrome書籤

...綠色文字,寫著“安全”旁邊的掛鎖或圓圈內的i。無論如何,這樣做會在桌面上建立一個快捷方式。 ...

  • 發佈於 2021-03-26 13:11
  • 閲讀 ( 60 )
煎餅很可愛
煎餅很可愛

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章

相關推薦