Cara Membuat Pintasan Aplikasi Web Chrome Kustom Untuk Situs Web Favorit Anda

Daftar Isi:

Cara Membuat Pintasan Aplikasi Web Chrome Kustom Untuk Situs Web Favorit Anda
Cara Membuat Pintasan Aplikasi Web Chrome Kustom Untuk Situs Web Favorit Anda

Video: Cara Membuat Pintasan Aplikasi Web Chrome Kustom Untuk Situs Web Favorit Anda

Video: Cara Membuat Pintasan Aplikasi Web Chrome Kustom Untuk Situs Web Favorit Anda
Video: Cara Mengatasi Wifi Connected Tapi No Internet Access - YouTube 2024, April
Anonim
Google kini mendorong aplikasi terpaket Chrome, tetapi banyak aplikasi Chrome masih merupakan pintasan ke situs web. Anda dapat membuat aplikasi web khusus Anda sendiri yang berfungsi sebagai pintasan jika situs web yang Anda inginkan tidak tersedia di Toko Web Chrome.
Google kini mendorong aplikasi terpaket Chrome, tetapi banyak aplikasi Chrome masih merupakan pintasan ke situs web. Anda dapat membuat aplikasi web khusus Anda sendiri yang berfungsi sebagai pintasan jika situs web yang Anda inginkan tidak tersedia di Toko Web Chrome.

Aplikasi web Chrome ini juga akan muncul di peluncur aplikasi Chrome di Windows, Mac, Linux, dan Chrome OS. Anda akan dapat membukanya dari peluncur dan mengaturnya agar selalu terbuka sebagai jendela atau tab tersemat - Anda tidak dapat melakukannya dengan bookmark standar.

Ini berbeda dengan membuat bilah tugas dan pintasan desktop, memungkinkan situs web berjalan di jendela mereka sendiri. Anda dapat melakukannya untuk situs web apa pun.

Buat Aplikasi Web Kustom

Untuk melakukan ini, pada dasarnya kami akan menciptakan jenis aplikasi web Chrome yang paling sederhana dari awal. Yang Anda perlukan hanyalah ikon dan alamat web.

Pertama, buat folder baru di komputer Anda untuk aplikasi web Anda.

Image
Image

Selanjutnya, buat file teks baru bernama manifest.json di dalam folder baru Anda.

Buka file manifest.json di editor teks apa pun - Notepad, misalnya. Salin dan tempel teks berikut ke dalamnya:
Buka file manifest.json di editor teks apa pun - Notepad, misalnya. Salin dan tempel teks berikut ke dalamnya:

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

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

Ubah bagian tebal kode contoh, mengganti nama situs web, deskripsi, dan URL. Misalnya, jika Anda ingin meluncurkan How-To Geek, Anda mengisi “How-To Geek” di bidang nama, masukkan deskripsi apa pun yang Anda suka, dan gunakan URL https://howtogeek.com.

Selanjutnya, cari file gambar 128 × 128 PNG yang akan digunakan sebagai logo situs web. Jika Anda tidak memiliki gambar dengan ukuran yang tepat, Anda dapat memotong dan mengubah ukuran gambar yang lebih besar dengan editor gambar seperti Paint.NET.
Selanjutnya, cari file gambar 128 × 128 PNG yang akan digunakan sebagai logo situs web. Jika Anda tidak memiliki gambar dengan ukuran yang tepat, Anda dapat memotong dan mengubah ukuran gambar yang lebih besar dengan editor gambar seperti Paint.NET.

Simpan file gambar dengan nama 128.png di folder yang Anda buat.

Terakhir, buka halaman ekstensi Chrome di chrome: // extensions /. Aktifkan kotak centang mode Pengembang dan klik tombol Muat ekstensi yang belum dimuat.
Terakhir, buka halaman ekstensi Chrome di chrome: // extensions /. Aktifkan kotak centang mode Pengembang dan klik tombol Muat ekstensi yang belum dimuat.
Jelajahi folder yang Anda buat dan klik OK - Chrome akan menginstal aplikasi web yang baru saja Anda buat.
Jelajahi folder yang Anda buat dan klik OK - Chrome akan menginstal aplikasi web yang baru saja Anda buat.
Dengan aplikasi yang diinstal, Anda dapat meluncurkannya dari halaman tab baru, menyesuaikan bagaimana itu akan terbuka dengan mengklik kanan, atau meluncurkannya dari peluncur aplikasi Chrome.
Dengan aplikasi yang diinstal, Anda dapat meluncurkannya dari halaman tab baru, menyesuaikan bagaimana itu akan terbuka dengan mengklik kanan, atau meluncurkannya dari peluncur aplikasi Chrome.
Anda juga dapat mengklik tombol ekstensi Pack untuk mengemas ekstensi sebagai file.crx yang dapat dipasang. Anda dapat mendistribusikan file ini ke orang lain sehingga mereka dapat menginstalnya juga.
Anda juga dapat mengklik tombol ekstensi Pack untuk mengemas ekstensi sebagai file.crx yang dapat dipasang. Anda dapat mendistribusikan file ini ke orang lain sehingga mereka dapat menginstalnya juga.

Aplikasi dan ekstensi web Chrome yang dipasang secara lokal tidak akan disinkronkan antara komputer Anda dengan Sinkronisasi Chrome. Untuk menghemat waktu di masa depan, Anda mungkin ingin mencadangkan folder aplikasi web atau.crx file agar Anda dapat menginstalnya dengan mudah di komputer lain.

Cara Cepat dan Jelek

Anda juga dapat menambahkan pintasan khusus ke halaman tab baru Anda dengan menyeret bookmark dari bilah bookmark ke kisi-kisi ikon.

Sayangnya, ikon besar akan menjadi agak jelek, tanpa nama atau ikon yang tepat. Bookmark ini akan berfungsi seperti aplikasi bookmark standar, tetapi tidak ada cara untuk mengubahnya dan membuatnya terlihat lebih baik.
Sayangnya, ikon besar akan menjadi agak jelek, tanpa nama atau ikon yang tepat. Bookmark ini akan berfungsi seperti aplikasi bookmark standar, tetapi tidak ada cara untuk mengubahnya dan membuatnya terlihat lebih baik.
Image
Image

Idealnya, Google akan memperluas fungsi drag-and-drop dengan cara untuk mengganti nama pintasan khusus ini dan dengan mudah menetapkan ikon yang lebih baik. Untuk saat ini, kita harus puas dengan solusi manual.

Direkomendasikan: