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

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 แตกต่างจากเบราว์เซอร์ทั่วไป เช่น Chrome อย่างไร

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

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

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

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

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

จุดเริ่มต้น

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

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

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