Custom Tab เป็นฟีเจอร์ในเบราว์เซอร์ Android ที่ช่วยให้นักพัฒนาแอป สามารถเพิ่มประสบการณ์การใช้งานเบราว์เซอร์ที่ปรับแต่งแล้วลงในแอปได้โดยตรง
การโหลดเนื้อหาเว็บเป็นส่วนหนึ่งของแอปบนอุปกรณ์เคลื่อนที่มาตั้งแต่ช่วงแรกๆ ของสมาร์ทโฟน แต่ตัวเลือกเก่าๆ อาจเป็นอุปสรรคสำหรับนักพัฒนาแอป การเปิดตัวเบราว์เซอร์จริงเป็นการเปลี่ยนบริบทที่หนักหน่วงสำหรับผู้ใช้ซึ่งปรับแต่งไม่ได้ ขณะที่ WebView ไม่รองรับฟีเจอร์ทั้งหมดของแพลตฟอร์มเว็บ ไม่แชร์สถานะกับเบราว์เซอร์ และเพิ่มค่าใช้จ่ายในการบำรุงรักษา
แท็บที่กำหนดเองช่วยให้ผู้ใช้ยังคงอยู่ในแอปขณะเรียกดู ซึ่งจะช่วยเพิ่มการมีส่วนร่วมและลดความเสี่ยงที่ผู้ใช้จะเลิกใช้แอป แท็บที่กำหนดเองทำงานโดยตรงในเบราว์เซอร์ที่ผู้ใช้ต้องการ และจะแชร์สถานะและฟีเจอร์ที่เบราว์เซอร์นั้นมีให้โดยอัตโนมัติ คุณไม่จำเป็นต้องเขียนโค้ดที่กำหนดเองเพื่อจัดการ คำขอ การให้สิทธิ์ หรือที่เก็บคุกกี้
แท็บที่กำหนดเองทำอะไรได้บ้าง
การใช้แท็บที่กำหนดเองจะทำให้เนื้อหาเว็บโหลดในเครื่องมือการแสดงผลใดก็ตามที่ขับเคลื่อนเบราว์เซอร์ที่ผู้ใช้ต้องการ API หรือฟีเจอร์แพลตฟอร์มเว็บจะพร้อมใช้งานที่นั่นและในแท็บที่กำหนดเอง เซสชันการท่องเว็บ รหัสผ่านที่บันทึกไว้ วิธีการชำระเงิน และที่อยู่จะปรากฏเหมือนที่ผู้ใช้ คุ้นเคยอยู่แล้ว
ฉันปรับแต่งอะไรได้บ้างในแท็บที่กำหนดเอง
เยอะเลย แท็บที่กำหนดเองช่วยให้คุณควบคุม Chrome ของเบราว์เซอร์และประสบการณ์ของผู้ใช้ได้อย่างละเอียด คุณเปิดแท็บที่กำหนดเองภายในแอปโดยใช้ Intent เมื่อเรียกใช้ Intent นี้ คุณจะเพิ่มแอตทริบิวต์จำนวนหนึ่งลงใน CustomTabIntent เพื่อให้ได้รับประสบการณ์การใช้งานที่ต้องการได้ การปรับแต่งบางอย่างที่คุณเพิ่มได้มีดังนี้
- ภาพเคลื่อนไหวสำหรับการเข้าและออกฉากที่กำหนดเองให้เข้ากับส่วนอื่นๆ ของแอป
- การแก้ไขสีแถบเครื่องมือให้ตรงกับการสร้างแบรนด์ของแอป
- ความสอดคล้องของสีที่คงอยู่กับแอปได้ แม้ว่าจะสลับไปมาระหว่างธีมสว่างและธีมมืด
- การดำเนินการและรายการที่กำหนดเองในแถบเครื่องมือและเมนูของเบราว์เซอร์
- ควบคุมความสูงของการเปิดแท็บที่กำหนดเอง ซึ่งช่วยให้คุณทำสิ่งต่างๆ ได้ เช่น สตรีมวิดีโอขณะโต้ตอบกับเว็บสโตร์
นอกจากนี้ ผู้ใช้ยังย่อแท็บที่กำหนดเองเพื่อโต้ตอบกับแอปพื้นฐาน และกู้คืนได้ทุกเมื่อโดยไม่สูญเสียความคืบหน้าใดๆ เพื่อดำเนินการต่อ ซึ่งจะช่วยให้ผู้ใช้มีทางเลือกอื่นนอกเหนือจากการปิดแท็บที่กำหนดเอง เพื่อให้ผู้ใช้สามารถ ทำงานหลายอย่างพร้อมกันได้อย่างราบรื่นระหว่างเว็บและแอปเนทีฟ โดยฟีเจอร์นี้จะ เปิดใช้โดยค่าเริ่มต้นสำหรับแท็บที่กำหนดเอง
แต่ก็ยังไม่ใช่ทั้งหมด แท็บที่กำหนดเองมีประสิทธิภาพมากและอยู่ระหว่างการพัฒนา เบราว์เซอร์แต่ละรายการต้องเพิ่มการรองรับฟีเจอร์เหล่านี้เมื่อพร้อมใช้งาน แม้ว่าเบราว์เซอร์เกือบทั้งหมดจะรองรับในระดับหนึ่ง แต่คุณควรทราบว่าเบราว์เซอร์ของผู้ใช้อาจรองรับหรือไม่รองรับฟีเจอร์ใดบ้าง โปรดดูตารางเปรียบเทียบฟีเจอร์เพื่อตรวจสอบความพร้อมใช้งานของฟีเจอร์ต่างๆ ในเบราว์เซอร์ Android ยอดนิยมได้อย่างรวดเร็ว
คุณทดสอบฟีเจอร์นี้ได้แล้วตอนนี้ด้วยตัวอย่างของเราใน GitHub
ฉันควรใช้แท็บที่กำหนดเองเมื่อใด
ไม่มีวิธี "ที่ถูกต้อง" เพียงวิธีเดียวในการโหลดเนื้อหาเว็บ ในบางสถานการณ์ WebView จะเป็นเทคโนโลยีที่เหมาะสมในการใช้งาน เช่น หากคุณ โฮสต์เนื้อหาของคุณเองภายในแอปโดยเฉพาะ หรือหากคุณต้องแทรก JavaScript จากแอปโดยตรง หากแอปนำผู้ใช้ไปยัง URL ภายนอก โดเมน สถานะที่แชร์ในตัวในแท็บที่กำหนดเองหมายความว่าแท็บที่กำหนดเองน่าจะเป็น ตัวเลือกที่ดีกว่า ข้อดีอื่นๆ ของแท็บที่กำหนดเองมีดังนี้
- ความปลอดภัย: แท็บที่กำหนดเองใช้ Google Safe Browsing เพื่อปกป้องผู้ใช้และ อุปกรณ์จากเว็บไซต์ที่เป็นอันตราย
- การเพิ่มประสิทธิภาพ:
- การอุ่นเครื่องเบราว์เซอร์ล่วงหน้าในเบื้องหลังโดยไม่ขโมย ทรัพยากรจากแอปพลิเคชัน
- เพิ่มเวลาในการโหลดหน้าเว็บโดยการโหลด URL แบบคาดเดาล่วงหน้า
- การจัดการวงจรของแท็บ: ระบบจะไม่ปิดแอปที่เปิดแท็บที่กำหนดเองในระหว่างการใช้งานแท็บ ความสำคัญของแท็บที่กำหนดเองจะเพิ่มขึ้น เป็นระดับเบื้องหน้า
- รูปแบบคุกกี้และสิทธิ์ที่แชร์เพื่อให้ผู้ใช้ไม่ต้องลงชื่อเข้าใช้ เว็บไซต์ ที่เชื่อมต่ออยู่แล้ว หรือให้สิทธิ์อีกครั้งที่เคยให้ไปแล้ว
- ฟีเจอร์ของเบราว์เซอร์ เช่น การป้อนข้อความอัตโนมัติเพื่อให้กรอกแบบฟอร์มได้ดีขึ้น พร้อมใช้งานทันที
- ผู้ใช้สามารถกลับไปที่แอปได้ด้วยปุ่มย้อนกลับในตัว
แท็บที่กำหนดเองเทียบกับกิจกรรมในเว็บซึ่งเชื่อถือได้
กิจกรรมในเว็บซึ่งเชื่อถือได้จะขยายโปรโตคอลแท็บที่กำหนดเองและแชร์ประโยชน์ส่วนใหญ่ของโปรโตคอล แต่แทนที่จะให้ UI ที่ปรับแต่งแล้ว ก็จะอนุญาตให้นักพัฒนาแอป เปิดแท็บเบราว์เซอร์โดยไม่มี UI เลย เราขอแนะนำให้ใช้สำหรับนักพัฒนาแอปที่ต้องการเปิด Progressive Web App ของตนเองแบบเต็มหน้าจอภายในแอป Android ของตนเอง
Custom Tabs พร้อมให้บริการที่ไหนบ้าง
แท็บที่กำหนดเองเป็นฟีเจอร์ที่เบราว์เซอร์บนแพลตฟอร์ม Android รองรับ Chrome เป็นผู้เปิดตัวฟีเจอร์นี้ในเวอร์ชัน 45 โปรโตคอลนี้รองรับ ในเบราว์เซอร์ Android ส่วนใหญ่
เรากำลังมองหาความคิดเห็น คำถาม และคำแนะนำเกี่ยวกับโปรเจ็กต์นี้ ดังนั้นเราขอแนะนำให้คุณรายงานปัญหาใน crbug.com และถามคำถามใน Twitter @ChromiumDev
ดูข้อมูลเพิ่มเติม
หากมีคำถาม โปรดดูแท็ก chrome-custom-tabs ใน StackOverflow