Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ซอฟต์แวร์ >> เบราว์เซอร์

วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts

App Shortcut เปิดเว็บไซต์ในหน้าต่าง Standalone ทำเหมือน Local App เหมาะสำหรับ Web Apps (Gmail, Twitter) จัดการง่าย ดูสวยกว่า

สร้าง App Shortcut เร็วง่าย แต่ยังพึ่งพา Chrome อยู่ครับ ในบทความนี้เรียนรู้วิธีใช้บน macOS

App Shortcut คืออะไร?

คล้าย Bookmark แต่มีพลังเพิ่ม เหมาะกับ Web Apps (Gmail, Twitter) มากกว่าเว็บเอกสารทั่วไป หากใช้ Pinned Tab หรือเปิดเว็บคבועไว้ App Shortcut เป็นทางเลือกดี

App Shortcut ไม่ใช่ Extensions จาก Chrome Web Store Web Apps แทนที่ Extensions แล้ว

อ่านเพิ่ม: Chrome Extensions ที่ปรับปรุงประสบการณ์เบราว์ซิ่ง

วิธีเพิ่ม Shortcut ของเว็บไซต์เป็น App

  1. เปิด Chrome
  2. ไปที่เว็บไซต์ที่ต้องการ
  3. เมนู 3 จุดมุมขวาบน > More Tools > Create Shortcut
  4. วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts
  5. ถูก Open as window เพื่อสร้าง Standalone App Shortcut
  6. ตั้งชื่อ > Create

แท็บเดิมจะปิด Shortcut เปิดในหน้าต่างใหม่ หาก Shortcut มีอยู่แล้วจะเปิดทันทีไม่ Duplicate

อะไรส่งผลต่อ Look & Feel ของ App Shortcut?

Title จะ Default เป็น Title ของ Webpage แต่ถ้า Page มี Metadata เฉพาะ Shortcut จะใช้ Title ทางเลือก (มักสั้นกว่า) แต่ละไซต์ตั้งค่า Icon, สี, Design ได้

App Shortcut แตกต่างจาก Normal Tab อย่างไร?

App Shortcut จำลอง Local App ในหน้าต่างแยกจาก Browser หลัก ความต่างชัด: ไม่มี Address Bar

วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts

App Shortcut = Single Destination ไม่ต้องการ Tab Bar (Title ยังคงอยู่) Navigation Icons บางอย่างหายไป (Forward, Home) ไซต์ตั้งค่าซ่อน Navigation Icons ทั้งหมดได้

Global App Menu ลดลง: ไม่มี Bookmarks, People, Tab, Help

พฤติกรรมของ App Shortcut

ลิงก์ที่ปกติเปิดแท็บ/หน้าต่างใหม่ จะเปิดใน Browser หลัก ไม่ใช่ App Shortcut Window ลิงก์ที่ปกติเปิดในแท็บเดียวกัน จะโหลดใน App Window

ลิงก์ไป Domain อื่น หรือ Non-secure Sites จะแสดง Bar เพิ่มด้านบน แสดง Domain + Site Info Icon ปิด Bar = กด Back Button

วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts

App Shortcut ต้องการ Chrome Main Instance ทำงานอยู่ หากปิด Chrome แล้วเปิด Shortcut Chrome จะรีออปพร้อม App Window ปิด Main Window ไม่ปิด Apps แต่ปิด Chrome Application จะปิด Apps ด้วย

Chrome Menu (3 จุด) ใน App Shortcut ต่างไป: ไม่มี Items ที่เกี่ยวกับ Window/Tab Global Features (Downloads, History) ก็ไม่ปรากฏ

macOS จัดการ App Shortcuts อย่างไร?

App Shortcuts เหมือนแอปพลิเคชันเต็มรูปแบบหลายอย่าง:

  • App Switcher (Cmd+Tab) แสดง App Shortcuts เหมือนแอปทั่วไป
  • วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts
  • วางในโฟลเดอร์ Applications > ใช้ Launchpad เปิดได้
  • วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts
  • ลากไอคอนไป Dock เปิดได้เหมือนแอปปกติ
  • วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts
  • เปิด Activity Monitor ขณะ App Shortcut รัน จะเห็นอยู่คู่กับแอปอื่น Inspect/Force Quit ได้
  • วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts

Shortcuts จัดเก็บเป็นไฟล์อย่างไร?

บน macOS Chrome เก็บ App Shortcuts ที่:

/Users/[username]/Applications/Chrome Apps.localized/
วิธีรัน Web Apps บน macOS ด้วย Chrome Shortcuts

เป็น Default อย่างเดียว ย้ายไปที่ไหนก็ได้ จัดระเบียบเอง

Shortcuts เป็นโฟลเดอร์ชื่อ Title + นามสกุล .APP ใน macOS เรียกว่า Bundle กลุ่มไฟล์เกี่ยวข้องเหมือนไฟล์เดียว

Bundle เบา: Gmail Shortcut 5 ไฟล์ 804K ไฟล์ใหญ่สุด 749K คือ app_mode_loader Executable ที่Launch Chrome

ใหญ่กว่า Bookmark มาก แต่ถ้าไม่ใช่พันๆ ตัว ไม่ส่งผล Storage มาก

App Shortcuts คล้าย Electron Apps ไหม?

รูปลักษณ์และพฤติกรรมคล้าย Electron Apps (Slack, Figma, Atom) ที่สร้าง Desktop Apps ด้วย HTML/CSS/JS

App Shortcuts ดาวน์โหลดเร็วกว่า อัปเดตล่าสุดเสมอตามเว็บ แต่พึ่งพา Chrome ต้องมี Chrome รันอยู่

ปรับปรุงประสบการณ์ Web App ด้วย Chrome App Shortcuts

Chrome Web App Shortcuts เป็นทางกลางระหว่างเว็บเอกสารทั่วไปและ Local Software ทำให้รัน Web Apps (Gmail, Todoist) นอก Browser หลักได้

รันใน Dedicated Window จัดการง่ายใน Desktop Environment ดูสะอาดกว่า เหมาะสำหรับ Screenshot หรือ Presentation