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

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

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

API WebView ช่วยให้คุณเข้าถึงความสามารถของมินิเบราว์เซอร์ เพื่อแสดงเนื้อหาเว็บภายในแอปได้ ซึ่งจะช่วยให้คุณมอบประสบการณ์การใช้งานที่ขับเคลื่อนด้วยเว็บ เป็นส่วนหลักหรือส่วนเสริมภายในแอปได้ ดังที่แสดงใน รูปที่ 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 กับเบราว์เซอร์มาตรฐานได้ดียิ่งขึ้น

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

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

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

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

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

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

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