ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-21, Tuesday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

MV3 Service Workers සමඟ ගෝට් හඬක් වාදනය කිරීමට Offscreen Document භාවිත කළේ කෙසේද?

MV3 Service Workers සමඟ ගෝට් හඬක් වාදනය කිරීමට Offscreen Document භාවිත කළේ කෙසේද?

ඔබගේ Chrome Extension එකක් අහම්බෙන් ඔබට ගෝට් හඬින් බිඳ වැටුනු අත්දැකීමක් ඇති කරලාද? ඉන්දීය සංවර්ධකයා මේ වගේම අමුතු අදහසක් එක්ක Extension එකක් සාදා, රැඳී නොසිටින පරිශීලකයාට 60 තත්පරක් නොදැක්කා ගෝට් හඬක් වාදනය කරලා හෙළාදැමුවා. අද අපි එම Extension එකේ මුලික අදහස, MV3 නිසා පැමිණු ගැටළු, සහ Offscreen Document මගින් ඒ ගැටළු කෙලෙස විසඳා ගත්තාද කියලා බලමු.

ඉලක්කය කුමක්ද? සංවර්ධකයා කැමති වුණේ, රැඳී නොසිටින කාලයක් (අහඹු විනාඩි 5, 10, 15, 20) ගතවීමෙන් පසු Notification එකක් පෙන්වා, පරිශීලකයා එය 60 තත්පරයක් නොසැලකිල්ලෙන් ඉවත් කරන්නේ නම් ගෝට් හඬක් වාදනය කිරීම. මෙයට chrome.alarms, chrome.notifications, සහ Audio Playback අවශ්‍ය වුණා.

Manifest V3 (MV3) එනතුරු, පසුබිම් කේතය තවත් persistent background page එකක් නොව, service worker එකක් බවට පත්වුණා. Service Worker එකට DOM, Audio API, Web Audio වැනි හැකියාවන් නොමැති බැවින් new Audio('goat.mp3').play() වැනි සරළ කේතය ක්‍රියා නොකරයි. එය “අහඹු” ලෙස අසාර්ථකව පෙනී, සංවර්ධකයාට ගොඩක් වේලාවක් වැය කළේ කේතය වැරදිදැයි පරීක්ෂා කරන විටය.

මෙම සීමාවට විසඳුමක් ලෙස Chrome විසින් Offscreen Document API හඳුන්වා දී තිබේ. එය සැඟවුණු HTML පිටුවක් වන අතර, Service Worker එකට DOM පරිසරයක් ලබා දී Audio Playback වැනි ක්‍රියාකාරකම් සිදු කිරීමට ඉඩ දෙයි. ක්‍රියාත්මක වීම මෙහෙමයි:

  • Service Worker (background.js) එක Offscreen Document එකක් නැත්නම් නිර්මාණය කරයි.
  • ඊළඟට එයට “playSound” පණිවිඩයක් එවයි.
  • Offscreen Document (offscreen.html/offscreen.js) තුළ
  • වාදනය අවසන් වූ පසු Document එක වසා දැමෙනවා.

එමෙන්ම Service Worker එකක් මැදින් මැදින් මැරෙන බවත් සැලකිල්ලට ගත යුතුය. එම නිසා chrome.alarms භාවිතයෙන් දෙකක් Alarm සකසා ඇත – එකක් Notification පෙන්වීමට, තවත් එකක් 15 තත්පර පසු පරිශීලකයා ඒ Notification අහඹු කරන්නේදැයි පරීක්ෂා කර, නැත්නම් ගෝට් හඬක් වාදනය කරයි. Alarms බ්‍රවුසරය මගින් පවත්වා ගනු ලබන නිසා Service Worker එක නැවත ආරම්භ වුවත් ඒවා ක්‍රියාත්මක වේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

MV3 සහ Offscreen Document ගැන අවබෝධයක් ඇති වීම, ශ්‍රී ලාංකීය සංවර්ධකයින්ට නව Chrome Extension නිර්මාණය කිරීමේදී අත්‍යවශ්‍යයි. සිසුන්ට Service Worker, Alarm, සහ Offscreen Document වගේ නව API ගැන අත්හදා බැලීමට ප්‍රයෝජනවත් පදනමක් සපයයි. ව්‍යාපාරිකව, නිර්මාණය කරන Extension එකේ පරිශීලක අත්දැකීම උසස් කිරීම, සත්කාරක කාලය අඩු කිරීම, හා බ්‍රවුසරයේ සම්පත් පරිහරණය අධික නොකරන ක්‍රමවේදයන් ගැන ඉගෙන ගැනීමට අවස්ථාව ලැබේ.

අවසානයේ, MV3 හි Service Worker සීමා හේතුවෙන් Offscreen Document වැනි නව විසඳුම් භාවිතා කිරීම, Chrome Extension සංවර්ධනයේ අනාගතය සකස් කරයි. මෙවැනි තාක්ෂණික අත්දැකීම්, අපගේ දේශීය තාක්ෂණික පරිසරය ශක්තිමත් කර, ගෝලීය වෙළඳපලේ තරඟකාරීත්වය වැඩි කරයි.

💡 ඔබේ Chrome Extension වැඩිදියුණු කිරීමට Offscreen Document එක අත්හදා බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Chrome #MV3 #ServiceWorker #Offscreen #Extension