ภาพรวมของแท็บที่กำหนดเองใน Android

แท็บที่กำหนดเองเป็นฟีเจอร์ในเบราว์เซอร์ Android ที่ทำให้นักพัฒนาแอปเพิ่มประสบการณ์การใช้งานเบราว์เซอร์ที่กำหนดเองภายในแอปของตนได้โดยตรง

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

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

แท็บที่กำหนดเองทำอะไรได้บ้าง

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

ฉันสามารถปรับแต่งสิ่งใดได้บ้างในแท็บที่กำหนดเอง

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

กำหนดภาพเคลื่อนไหวขณะเข้าและออกให้ตรงกับส่วนอื่นๆ ในแอป

เบราว์เซอร์ในอุปกรณ์เคลื่อนที่ สลับไปมาระหว่างหน้าจอต่างๆ ลงท้ายด้วยเว็บไซต์ที่โหลดในแท็บที่กำหนดเอง

แก้ไขสีของแถบเครื่องมือให้ตรงกับการสร้างแบรนด์ของแอป

เบราว์เซอร์ในอุปกรณ์เคลื่อนที่ซึ่งเปลี่ยนไปใช้แท็บที่กำหนดเองซึ่งมีสีที่เข้ากับเว็บไซต์

ความสอดคล้องกันของสีที่ยังอยู่ในแอปแม้ว่าจะสลับระหว่างธีมสว่างกับมืดก็ตาม

และความสอดคล้องกันของสีจะยังคงอยู่กับแอปของคุณ แม้ว่าจะสลับระหว่างธีมสว่างกับธีมมืดก็ตาม

การทำงานและรายการที่กำหนดเองในแถบเครื่องมือและเมนูของเบราว์เซอร์

แท็บที่กำหนดเองซึ่งแสดงเมนู พร้อมด้วยรายการที่กำหนดเอง

ควบคุมความสูงในการเปิดใช้แท็บที่กำหนดเอง ทำให้สามารถสตรีมวิดีโอได้ในขณะที่โต้ตอบกับเว็บสโตร์

แท็บที่กำหนดเองบางส่วนเปิดอยู่โดยมีความสูงตามที่กำหนด

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

ย่อแท็บที่กำหนดเองเพื่อโต้ตอบกับแอปที่ทำงานอยู่เบื้องหลัง

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

ซึ่งคุณจะทดสอบได้ด้วยตัวอย่างใน GitHub

ฉันควรใช้แท็บที่กำหนดเองเมื่อใด

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

  1. ความปลอดภัย: แท็บที่กำหนดเองใช้ Google Safe Browsing ของ Google เพื่อปกป้องผู้ใช้และอุปกรณ์จากเว็บไซต์ที่เป็นอันตราย
  2. การเพิ่มประสิทธิภาพ
    1. การอุ่นเครื่องของเบราว์เซอร์ในพื้นหลัง พร้อมหลีกเลี่ยงการขโมยทรัพยากรจากแอปพลิเคชัน
    2. เพิ่มความเร็วในการโหลดหน้าเว็บโดยการโหลด URL ล่วงหน้าโดยไม่มีการคาดการณ์
  3. การจัดการอายุการใช้งาน: แอปที่เปิดใช้แท็บที่กำหนดเองจะไม่ถูกนำออกไประหว่างการใช้งานแท็บ โดยจะเพิ่มลำดับความสำคัญเป็นระดับ "เบื้องหน้า"
  4. ขวดโหลคุกกี้และโมเดลสิทธิ์ที่แชร์เพื่อให้ผู้ใช้ไม่ต้องลงชื่อเข้าใช้เว็บไซต์ที่เชื่อมต่ออยู่แล้ว หรือให้สิทธิ์อีกครั้ง
  5. หากมีการเปิดใช้ฟีเจอร์ของเบราว์เซอร์ เช่น โปรแกรมประหยัดอินเทอร์เน็ต จะทำให้โหลดเนื้อหาได้เร็วขึ้นและราคาถูกลง
  6. ซิงค์ข้อมูลอัตโนมัติในอุปกรณ์ต่างๆ เพื่อให้แบบฟอร์มสมบูรณ์ยิ่งขึ้น
  7. ผู้ใช้สามารถกลับไปยังแอปโดยมีปุ่มย้อนกลับในตัว

แท็บที่กำหนดเองกับกิจกรรมบนเว็บและเว็บที่เชื่อถือได้

กิจกรรมในเว็บที่เชื่อถือได้ช่วยขยายโปรโตคอลแท็บที่กำหนดเองและแชร์ประโยชน์ส่วนใหญ่ของโปรโตคอลนี้ แต่แทนที่จะมี UI ที่กำหนดเอง นักพัฒนาซอฟต์แวร์สามารถเปิดแท็บเบราว์เซอร์ได้โดยไม่มี UI เลย เหมาะสำหรับนักพัฒนาซอฟต์แวร์ที่ต้องการเปิด Progressive Web App แบบเต็มหน้าจอภายในแอป Android ของตัวเอง

แท็บที่กำหนดเองมีให้ใช้งานที่ใดบ้าง

แท็บที่กำหนดเองเป็นฟีเจอร์ที่เบราว์เซอร์ต่างๆ รองรับในแพลตฟอร์ม Android Chrome เปิดตัวครั้งแรกที่เวอร์ชัน 45 โปรโตคอลนี้ใช้ได้ใน เบราว์เซอร์ Android ส่วนใหญ่

เราต้องการทราบความคิดเห็น คำถาม และคำแนะนำเกี่ยวกับโปรเจ็กต์นี้ จึงขอแนะนำให้คุณแจ้งปัญหาใน crbug.com และถามคำถามใน Twitter @ChromiumDev

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

นอกเหนือจากการสาธิต GitHub แล้ว ยังมีคำแนะนำอีกมากมายเพื่อให้คุณเริ่มต้นใช้งานแท็บที่กำหนดเอง

หากมีข้อสงสัย ให้ตรวจสอบแท็ก chrome-custom-tabs ใน StackOverflow