มาลองเล่น Share API บน Chrome กันดีกว่า

ตอนแรกๆที่ได้ยิน คำว่า Share API เราก็งงว่ามันเอาไว้ทำอะไรเลยเข้าไปดู Detail นาทีแรกบอกเลยว่าร้อง “เชรดด” เลยครับ เพราะ อธิบายง่ายๆ มันคือ “Intent Share บน Android” ถ้ายังนึกไม่ออก

ให้นึกว่าเวลาเรากดคำว่า “Share” ใน Application ต่างๆ ก็จะมี Pop-Up หน้าตาแบบนี้โผล่ขึ้นมา แต่เดิมมันทำได้เฉพาะใน Native App ใช่มั้ยครับ แต่มันกำลังจะทำได้บนเว็บครับ

Code ก็แสนจะสั้นครับ เขียนตามข้างล่างเลยครับ แล้วก็แก้ Title กับ Link ตามที่ต้องการเลย

navigator.share({title: document.title, text: window.location.href, url: window.location.href})
          .then(() => console.log('Successful share'),
           error => console.log('Error sharing:', error));

Requirement

• Chrome Dev Android
• เปิด Option ใน chrome://flags/#enable-experimental-web-platform-features นี้แล้ว

หมายเหตุ

Feature นี้ยังไม่เสร็จจริงๆนะครับ ซึ่งเค้า “คาดว่า”น่าจะมา ใน Chrome 55 ซึ่งกว่าจะ Stable ก็คงไม่น่าจะเร็วกว่าต้นปีหน้า เพราะฉะนั้นลองเล่นไปก่อนนะครับ ของจริงอาจจะมีการเปลี่ยนแปลง หรือ อาจจะมีอะไรเพิ่มเติมมามากขึ้น