วิธีสร้างทางลัด Chrome Web App ที่กำหนดเองสำหรับเว็บไซต์โปรดของคุณ

Aug 3, 2025
คลาวด์และอินเทอร์เน็ต
เนื้อหาที่ไม่ถูกแคช

Google อยู่ในขณะนี้ ผลักดันแอปที่รวมอยู่ใน Chrome แต่แอป Chrome จำนวนมากยังคงเป็นทางลัดไปยังเว็บไซต์ คุณสามารถสร้างเว็บแอปที่กำหนดเองซึ่งทำหน้าที่เป็นทางลัดได้หากเว็บไซต์ที่คุณต้องการไม่มีใน Chrome เว็บสโตร์

เว็บแอป Chrome เหล่านี้จะปรากฏในไฟล์ เครื่องเรียกใช้งานแอป Chrome บน Windows, Mac, Linux และ Chrome OS . คุณจะสามารถเปิดได้จากตัวเรียกใช้งานและ ตั้งค่าให้เปิดเป็นหน้าต่างหรือแท็บที่ตรึงไว้เสมอ - คุณไม่สามารถทำได้ด้วยบุ๊กมาร์กมาตรฐาน

ซึ่งแตกต่างจาก การสร้างแถบงานและทางลัดบนเดสก์ท็อปช่วยให้เว็บไซต์ทำงานในหน้าต่างของตัวเอง . คุณสามารถทำได้สำหรับเว็บไซต์ใด ๆ

สร้าง Web App ที่กำหนดเอง

ในการดำเนินการนี้โดยพื้นฐานแล้วเราจะสร้างเว็บแอป Chrome ประเภทที่ง่ายที่สุดตั้งแต่เริ่มต้น สิ่งที่คุณต้องการจริงๆคือไอคอนและที่อยู่เว็บ

ขั้นแรกสร้างโฟลเดอร์ใหม่บนคอมพิวเตอร์ของคุณสำหรับเว็บแอป

จากนั้นสร้างไฟล์ข้อความใหม่ชื่อ manifest.json ภายในโฟลเดอร์ใหม่ของคุณ

เปิดไฟล์ manifest.json ในโปรแกรมแก้ไขข้อความใด ๆ เช่น Notepad คัดลอกและวางข้อความต่อไปนี้ลงใน:

{
“ manifest_version”: 2,
“ ชื่อ”:“ ชื่อเว็บไซต์ “,
“ คำอธิบาย”:“ คำอธิบายเว็บไซต์ “,
“ เวอร์ชัน”:“ 1.0”,
“ ไอคอน”: {
“ 128”:“ 128.png”
},
“ แอป”: {
“ urls”: [
http://example.com/

],
"เปิด": {
"Web_url": " http://example.com/
}
},
“ สิทธิ์”: [
“ unlimitedStorage”
“ การแจ้งเตือน”
]
}

เปลี่ยนส่วนที่เป็นตัวหนาของโค้ดตัวอย่างแทนที่ชื่อคำอธิบายและ URL ของเว็บไซต์ ตัวอย่างเช่นหากคุณต้องการเปิด How-To Geek คุณต้องกรอก "How-To Geek" ในช่องชื่อป้อนคำอธิบายที่คุณต้องการและใช้ URL http://howtogeek.com

จากนั้นค้นหาไฟล์รูปภาพ PNG ขนาด 128 × 128 ที่จะใช้เป็นโลโก้ของเว็บไซต์ หากคุณไม่มีภาพที่มีขนาดที่เหมาะสมคุณสามารถครอบตัดและปรับขนาดภาพให้ใหญ่ขึ้นได้ด้วยโปรแกรมแก้ไขภาพเช่น Paint.NET

บันทึกไฟล์ภาพด้วยชื่อ 128.png ในโฟลเดอร์ที่คุณสร้างขึ้น

สุดท้ายเปิดหน้าส่วนขยายของ Chrome ที่ chrome: // ส่วนขยาย / . เปิดใช้งานช่องทำเครื่องหมายโหมดนักพัฒนาและคลิกปุ่มโหลดส่วนขยายที่คลายแพ็ก

เรียกดูโฟลเดอร์ที่คุณสร้างขึ้นแล้วคลิกตกลง - Chrome จะติดตั้งแอปพลิเคชันเว็บที่คุณเพิ่งสร้างขึ้น

เมื่อติดตั้งแอปแล้วคุณสามารถเปิดใช้งานได้จากหน้าแท็บใหม่กำหนดวิธีการเปิดโดยคลิกขวาหรือเปิดจากตัวเรียกใช้งานแอป Chrome

คุณยังสามารถคลิกปุ่ม Pack extension เพื่อจัดแพ็กเกจส่วนขยายเป็นไฟล์. crx ไฟล์เดียวที่ติดตั้งได้ คุณสามารถแจกจ่ายไฟล์นี้ให้กับบุคคลอื่นเพื่อให้พวกเขาติดตั้งได้เช่นกัน

เว็บแอปและส่วนขยาย Chrome ที่ติดตั้งในเครื่องจะไม่ซิงค์ระหว่างคอมพิวเตอร์ของคุณด้วย Chrome Sync เพื่อประหยัดเวลาในอนาคตคุณอาจต้องการสำรองข้อมูลโฟลเดอร์เว็บแอปหรือไฟล์. crx เพื่อให้ติดตั้งลงในคอมพิวเตอร์เครื่องอื่นได้อย่างง่ายดาย

วิธีที่รวดเร็วและน่าเกลียด

คุณยังสามารถเพิ่มทางลัดที่กำหนดเองไปยังหน้าแท็บใหม่ของคุณได้โดยการลากบุ๊กมาร์กจากแถบบุ๊กมาร์กไปยังตารางไอคอน

น่าเสียดายที่ไอคอนขนาดใหญ่จะค่อนข้างน่าเกลียดโดยไม่มีชื่อหรือไอคอนที่เหมาะสม บุ๊กมาร์กนี้จะทำงานเหมือนกับแอปบุ๊กมาร์กมาตรฐาน แต่ไม่มีวิธีใดที่จะปรับแต่งและทำให้ดูดีขึ้นได้


ตามหลักการแล้ว Google จะขยายฟังก์ชันการลากและวางด้วยวิธีการเปลี่ยนชื่อทางลัดที่กำหนดเองเหล่านี้และกำหนดไอคอนที่ดีขึ้นได้อย่างง่ายดาย ในตอนนี้เราจะต้องดำเนินการกับโซลูชันด้วยตนเอง

Create Web App Shortcuts On Your Desktop With Chrome

Create Custom Shortcuts In Google Chrome For Any Website

How To Create Shortcuts To Websites On Your Desktop

MUST HAVE SHORTCUT / TURN ANY WEBSITE INTO AN APP / CREATE CUSTOM APP ICONS USING SHORTCUTS 2019

HOW WE CAN CREATE WEBSITES SHORTCUT LIKE A APP IN HOME SCREEN

How To Create Website Shortcuts On Desktop Using Google Chrome - The Right Way

How To EDIT SHORTCUTS On GOOGLE CHROME?

How To Make Desktop Shortcuts To Websites With Chrome, Firefox, Edge - Tutorial - Tech Tips 2020

Personalize Your Web Browser With Google Chrome Themes

How To Create Your Own Chrome Browser Theme - Customize Chrome Theme

Customizing Chrome

Add Chrome Bookmarks And Web Pages To Android Home Screen

How To Create A Desktop Shortcut To A Website Using Chrome ! Works On ALL Windows OS


คลาวด์และอินเทอร์เน็ต - บทความยอดนิยม

วิธีใช้เว็บเบราว์เซอร์ 64 บิตบน Windows

คลาวด์และอินเทอร์เน็ต Apr 6, 2025

ขณะนี้ Google และ Mozilla เสนอ Chrome และ Firefox เวอร์ชัน 64 บิตสำหรับ Windows วิธีค้นหาเว�..


วิธีปรับแต่งรูปลักษณ์ของ Slack ด้วยธีม

คลาวด์และอินเทอร์เน็ต Oct 7, 2025

เนื้อหาที่ไม่ถูกแคช หลายคนใช้ Slack สำหรับการสื่อสารแบบมืออาชีพใน..


วิธีเข้าถึงเครือข่ายในบ้านของคุณได้อย่างง่ายดายจากทุกที่ด้วย Dynamic DNS

คลาวด์และอินเทอร์เน็ต Jul 3, 2025

เราทุกคนมีสิ่งต่างๆในเครือข่ายในบ้านที่เราต้องการเข้าถึงจากภ�..


วิธียกเลิกการสมัครรับจดหมายข่าวทางอีเมลด้วยวิธีที่ถูกต้อง

คลาวด์และอินเทอร์เน็ต Jul 10, 2025

คุณได้รับจดหมายข่าวและอีเมลส่งเสริมการขายอื่น ๆ มากเกินไปหรือ�..


วิธีใช้ส่วนขยายแอพบน iPhone หรือ iPad ด้วย iOS 8

คลาวด์และอินเทอร์เน็ต Jan 16, 2025

ส่วนขยายแอปช่วยให้คุณสามารถขยายเมนูแชร์ของ iOS กับบริการใดก็ได้�..


วิธีพิมพ์จาก Gmail บน Android หรือ iPhone โดยใช้ Cloud Print

คลาวด์และอินเทอร์เน็ต Jan 25, 2025

Google เพิ่งเปิดตัวความสามารถในการพิมพ์ไปยังเครื่องพิมพ์ในพื้นที่..


ทัวร์ชมภาพหน้าจอ: Evernote 4 สำหรับ Windows ทำให้การจดบันทึกเป็นเรื่องน่ายินดี

คลาวด์และอินเทอร์เน็ต Oct 27, 2025

เนื้อหาที่ไม่ถูกแคช ในที่สุด Evernote 4 สำหรับ Windows ก็มาพร้อมกับการรีเฟ�..


อัปเดต Firefox แบบพกพาด้วยวิธีง่ายๆ

คลาวด์และอินเทอร์เน็ต Jun 10, 2025

คุณเคยเพลิดเพลินกับความดีงามของ Firefox แบบพกพา แต่พบว่าการอัปเดตเป็นเ�..


หมวดหมู่