การฝังเนื้อหาเว็บลงในแอปเป็นเนื้อหาหลักหรือเนื้อหาสนับสนุน

Android ช่วยให้คุณสร้างแอปโดยใช้ประโยชน์จากความสามารถของเว็บได้ คุณจึง ใช้ประโยชน์จากความยืดหยุ่นและประสิทธิภาพในการแสดงเนื้อหาบางประเภทได้

การฝังเนื้อหาโดยใช้ WebView

WebView API ช่วยให้คุณเข้าถึงความสามารถของมินิเบราว์เซอร์ เพื่อแสดงเนื้อหาเว็บภายในแอปได้ ซึ่งจะช่วยให้คุณมอบประสบการณ์ที่ขับเคลื่อนด้วยเว็บ เป็นส่วนหลักหรือส่วนสนับสนุนภายในแอปได้ ดังที่แสดงในรูปที่ 1

แอป Android เปิดไปยัง Google Play โดยมี WebView หลักที่ไฮไลต์ในกรอบสีแดง แอป Android เปิดพร้อมข้อความสนับสนุนภายในกล่องสีแดง
รูปที่ 1 เนื้อหาเว็บที่ฝังอยู่ในแอปโดยมีออบเจ็กต์ `WebView` เป็นเนื้อหาหลัก (ซ้าย) และเนื้อหาสนับสนุน (ขวา)

สิ่งที่ WebView ทำได้

คุณสามารถทำสิ่งต่อไปนี้ด้วย WebView ในแอป

  • ฝังเว็บ: WebView จะผสานรวมเข้ากับอินเทอร์เฟซผู้ใช้ของแอปเป็นคอมโพเนนต์ เช่นเดียวกับปุ่มหรือช่องข้อความ

  • โหลดเนื้อหา: WebView สามารถโหลดเนื้อหาเว็บจากแหล่งที่มาต่างๆ ได้

    • URL ระยะไกล: สามารถดึงและแสดงหน้าเว็บจากอินเทอร์เน็ตได้เหมือนกับ เบราว์เซอร์ทั่วไป
    • ไฟล์ในเครื่อง: โหลดไฟล์ HTML, CSS และ JavaScript ที่จัดเก็บไว้ในทรัพยากรของแอปได้
    • เนื้อหาที่สร้างขึ้นแบบไดนามิก: แอปสามารถสร้างเนื้อหา HTML แบบไดนามิก และส่งไปยัง WebView ได้
  • แสดงผล: WebView ใช้เครื่องมือเบราว์เซอร์ของตัวเองเพื่อแยกวิเคราะห์และแสดงผล HTML, CSS และ JavaScript โดยแสดงหน้าเว็บที่ได้ภายในพื้นที่ที่กำหนดใน UI ของแอป

  • เรียกใช้ JavaScript: WebView สามารถเรียกใช้โค้ด JavaScript ภายในบริบทของหน้าเว็บที่โหลด ซึ่งช่วยให้เกิดการโต้ตอบและการอัปเดตแบบไดนามิกภายใน WebView

  • โต้ตอบกับแอป: ส่วนนี้เป็นส่วนที่ WebView จะมีประสิทธิภาพมากขึ้น ซึ่งช่วยให้การสื่อสารระหว่างหน้าเว็บกับแอปเป็นไปได้ทั้ง 2 ทาง

    • JavaScript ไปยังโค้ดแอป: โค้ด JavaScript ที่ทำงานใน WebView สามารถเรียกใช้ API ของโฮสต์ของแอป ซึ่งจะช่วยให้เข้าถึงฟีเจอร์ของอุปกรณ์ เช่น กล้อง, GPS หรือเซ็นเซอร์ได้

    • โค้ดแอปเป็น JavaScript: แอปยังสามารถแทรกโค้ด JavaScript ลงใน WebView จัดการเนื้อหาของหน้าเว็บ หรือตอบสนองต่อเหตุการณ์ที่ทริกเกอร์โดยหน้าเว็บได้ด้วย

ความแตกต่างระหว่าง WebView กับเบราว์เซอร์

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

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

UI: WebView ใช้เพื่อแสดงเนื้อหาเว็บและไม่มีส่วนหัวหรือ UI ของตัวเองเหมือนกับเบราว์เซอร์อื่นๆ ทั่วไป เช่น ปุ่มหน้าแรก แถบที่อยู่ หรือเมนูการตั้งค่า

ฟีเจอร์: เบราว์เซอร์หลายตัวมีฟีเจอร์ในตัวเพื่อเพิ่มประสบการณ์การท่องเว็บ เช่น บุ๊กมาร์ก สิทธิ์ หรือประวัติ

การอัปเดต: เนื่องจาก Android WebView เป็นบริการของระบบใน Android ระบบจึงจะ พุชการอัปเดตและผสานรวมเข้ากับแอปโดยอัตโนมัติทุกเดือน เบราว์เซอร์ต้องอาศัยการอัปเดตแอปที่เกี่ยวข้อง จากนั้นผู้ใช้ปลายทางจึงจะใช้การอัปเดตในอุปกรณ์ของตนได้

เริ่มต้นใช้งาน

ดูข้อมูลเกี่ยวกับวิธีใช้ WebView ในแอปได้ที่เอกสารสร้างเว็บแอปใน WebView

แหล่งข้อมูลเพิ่มเติม

หากต้องการพัฒนาหน้าเว็บสำหรับอุปกรณ์ที่ใช้ Android โดยใช้วัตถุ WebView หรือ Custom Tabs โปรดดูเอกสารต่อไปนี้