áááááá áá˝ ááá áŤáľ-á°áá áá¸áĽáá
4 á¨á°á¨á áľááľáá˝
)áá áááŤ
áááááá áľá¨-áá˝ á áŤáľ-á°áá áŤá¸áĽááᢠá¨ááĽááľ áááť 1-100ᣠá¨áá áááłáŁ á ááš áłá˝ áá áŤáľ-á°áá áááá˘
ááĽá፠á ááá¸á áážá˝ ááľáĽ á áĽá á áĽáŤá¸á¨á°áą ááá á°áá˝áśááłá? 'áááááá áá˝ ááá áŤáľ-á°á ááá¸áŤá°áť' ááá ááá áłáŤá°áá áá áĽáá áĽáá˛áŤáᥠáŤáľá˝áááłáᢠáááľááá á ááľ áá áĽáť á á áŤáľááᣠááááá áĽáá˛á á ááľ áá á á áŤáľáá â á¨ááŤá ááš áĽááľá á áááááľ áľáááá ááĽááľáŁ áŤá ááá áááŤá¨áĽ á áŤáľ-á°á ááá¸áŤá°áłáᢠá¨á á á˝ááá˝á áĽáŤáá áĄáŁ á¨áá á áŤá áá˛áŤ áážá˝á áĽáŤá°áąáŁ á°ááśá˝á áĽá¨á¨ááąáŁ ááá á¨áááá á˝ááá˝á áĽáŤá á áááᣠáá ááá áŤá á¨áŤáľ-á°á ááá¸áŤá°áť á áĽáŤ á ááľá ááá áĽáť á ááľá¨á áá áŤá°áŠáŤáᤠáŤááá á áášá áĽááľ áŤá¨ááááጠáášá ááĽááľá áŤá¸áŤáľáłáᢠáŁá áŞáŤáľ á¨ááá¸áŤá°áľ ááĽááľ áááŁá áŞáŤ (1-100) â áľáááá á áá á¨ááĽááľ áááŁá áŞáŤ á°á á áá á¨ááŁáĽ ááĽááľáá á ááᣠáŤáľá°áŤááᢠá°áááá á¨ááĽááľ ááĽáĽá á áá á°á á°á¨ááá˝ áá á¨á áŤáá á ááá á¨áááłá á¨ááá¸áŤá°áľ áĽáá áľáá´ áĽáá˛áá á˛áŤá°ááᣠá á¨áá°á á°á¨ááá˝ áá á°áá á áŁá ááŁá á¨áá á¨áá˝ ááá¸áŤá°áľ áĽáá˛áŤáá áŤáľá˝áááłáᢠáĽáŤááłááą á ááŁá˘ á¨áŤáąá ááš ááĽááľ áŤáááᢠááľááł 60fps á¨ááá¸áŤá°áľ áá°áľ â á 'requestAnimationFrame' á´áááá á¨áá°áŤá 'ááá áŤáľ-á°á ááá¸áŤá°áť' á ᤠá¨áá°á ááľááłáŁ á°ááĽáŻá áľááľ á¨áá°áĽá áááá á¨ááá¨áĽáľ á¨áŤáľ-á°á ááá¸áŤá°áľ á áááááľ áá°áŁáᢠááá á áááľ ááááŤáá ááá áááŤá¨áĽ á¨áá â á ááá á¨ááĽááľ á°á¨ááá˝ áá áĽáá¨á á¨áá˝áŁ ááŁáááľ áŤáá áĽáá áľáá´ áĽáťá˘ á á ááľ á á áł ááľááá áĽá ááá â áĽá áŁáŠá ááľáŽáľ ááááąáŁ ááĽááľáá áŤáľá°áŤááᣠáĽá 'ááá' á¨áááá ááŤáᢠá á ááźá ááᢠáĽá áŁáŠ ááľáŽáľ ááááľáá áĽááłááá á áŤáľ-á°á áá ááᢠááá ááááá? á¨á áĽáŤáá ááááľ á á áŤáľáá áĽá 'á áá' á¨áááá ááŤáᢠáááᣠááá˝ áĽá ááá á áááľ áľáá ááľ á¨áááááᢠá¨ááĽááľ áľááľáł â áĽááľá á¨áá¨áĄáľ á¨ááá¸áŤá°áľ ááĽááľ á áŤáľ-á°á áááááŁá áĽáá á á°ááŤáŠ á¨á áłá˝ á á ááá áááŤáľ áá á˛á¨ááąáľ áĽáá°á°áááá áááŤáᢠá ááľ áá áŤáľá°áŤáááľ áĽá áááąáľá˘ á áĽáŤáá á á¨ááą ááĽáᣠááá¨á¨áť áá á¨á°á ááá áľ á¨ááĽááľ áá á áĽááłá áá áŤáááłáᢠáĽáá áŤáľ-á°á ááá፠â á áĽáŤá á¨á ááľ áá˝ áá¨á¨áť áá á˛á°ááą á áŤáą áááááŁá áĽá ááá¸áŤá°áąá á áŤáľ-á°á áŤáááᢠááá á áááľ ááá á ááŁáááᣠá á ááľ á°ááľ áá¨á¨áť áá ááá áľááá á¨áá˝ áá˝á¨áá¨á á ááááᢠáá á¨á¨áá áááł (Dark Mode) áľáá â áĽá áŁáŠ ááľáŽáľ áĽá ááá áááŁá áŞáŤáá˝ á¨áĽááľá á¨áŽáááá°á á˛áľá°á áá˝áł (theme) áá á áŤáľ-á°á ááááłáᢠááá áááł (light mode) ááá á¨áá áááł (dark mode) á˘á áá ááá ááá áŤá ááá á áĽá ááľá°áŤá¨áŤ á áá˝á á áĽá á ááá ááá ἠá áá˝á ááአááłáŤáᢠá 55 ááááá˝ á¨á°á°á¨áá â áá á áááá˝ áĽáááááᣠáľááá˝áŁ áá¨ááłááᣠáááááᣠááááᣠáťáááᣠáŽáŞáŤáᣠá á¨áĽáᣠááá˛áŁ ááášáááᣠáŠá˛áŤáᣠáŁááŤááᣠá°á˝áŁ áąáááᣠááááľá áĽá ááá˝áá á¨áᎠá 55 ááááá˝ á°á°ááááᢠá áĽáŤá á¨áĽááľáá á¨ááŽá (Chrome) ááá áá፠á áŤáľ-á°á áá¨á°ááᢠáĽá á á áŁá ááá â ááá ááŹááááŽá˝ á¨ááᣠááá áááĽá¨áŞáá˝ á¨ááᣠááá á áááľ á¨áŁáľ áśááľááŽá˝ á¨ááᢠáá˛áŤáá á¨ááŤá áĽá á ááľá°á á¨ááľáłááľ á˝ááł (memory) á¨áá áá áášá áŤáá ááŤáľááŞááľ (vanilla JavaScript) ááᢠáĽá¨á°áŤ áááá áĽááł á áŤáľá°áááᢠáĽáá´áľ áá°áŤá á°á¨á 1: áĽá áŁáŠá ááľáŽáľ áááááľ á ááŽá á¨ááłáŞáŤ á ááá ááľáĽ á¨ááááá á¨'ááá áŤáľ-á°á ááá¸áŤá°áť' á áĽáŤ ááááľ á á áŤáľááᢠá°á¨á 2: á¨ááĽááľ áááŁá áŞáŤáá áĽááľá áá°ááááĄáľ á¨ááŁáĽ ááĽááľ áŤáľá°áŤááᢠáá á°á áĽá´áśá˝ (1-20) á áĽááá áááá ἠá áŁá áĽáŠ áá¸áᢠááŤá¨áá áĽá´áśá˝ (20-60) á ááĽááľ ááá°áľ (skimming) áĽáŠ áá°áŤáᢠá¨áá°á áĽá´áśá˝ (60-100) áááśá˝á á ááĽááľ áĽáá˛áŤáá áŤáľá˝áááłáᢠá°á¨á 3: 'ááá' (Start) á¨áááá ááá á á áŤáľááᢠáĽá áŁáŠ ááľáŽáľ áááá ááš áĽááľá á áá¨áĄáľ ááĽááľ á áŤáľ-á°á ááá¸áŤá°áľ ááááŤáᢠá°á¨á 4: ááá¸áŤá°áąá áááá á¨á áĽáŤáá ááááľ áĽáá°áá á á áŤáľáá áĽá 'á áá' (Stop) á¨áááá ááŤáᢠá¨ááš áá¨á¨áť áá á˛á°ááąá ááá¸áŤá°áą á áŤáľ-á°á ááááᢠá°á¨á 5: á¨ááĽááľ áááŤá á°áááጠááááŁáᢠá áááĽáá áá á áĽáŤáá á˛á áá áááŤáá áŤáľáłááłá â 'ááá' á¨áááá áĽáť á á áŤáľáá áĽá áľáŤáá áááĽáᢠáááááľ áĽá á°á áááľ 'áááááá áá˝ ááá áŤáľ-á°á ááá¸áŤá°áť' á áĽáŤ á¨á°áááŁá á¨áĽááľáá áááááľ áĽáá° áá á áľá፠á ááá á ááᢠá áĽáŤá á áľááá á¨ááŤá°ááá áĽá á¨ááŤá°ááá ááá áá¸ááጠááá á áááľ á¨áá¨á á á°áŁá°áĽ á¨áá â á áĽáŤá ááá á áááľ á¨áá áá¨á á áá°á áľáĽáᣠá áŤáľá°áááá ááá á áŤá¨áá˝áᢠá áášáᢠááá á áááľ áľááłá ááá ááľáľá á¨áá â ááá á áááľ á¨áľááłá áľááŞááśá˝áŁ á¨á´áááľáŞ áá¨ááá˝áŁ ááá ááá á áááľ á¨á á ááá ááľáľá á¨ááᢠááá á áááľ á¨áá ááľááá áĽáŤááá˝ á¨áá â á áĽáŤá ááá á áááľ á¨ááľááá áĽáŤááá˝á á áŤáááĽáᢠááá á áá¸-ááááá˝ (fonts)ᣠááááśá˝ (icons)ᣠáľáłááá˝ áĽá áľááŞááśá˝ á á áĽáŤá ááľáĽ á á áŤáŁá˘á (locally) á¨á°áŤá°áą áá¸áᢠá¨áá á ááááŽá˝ ááá á¨ááŤá ááá á¨ááᢠáá áá á áŤáľá á¨á áłá˝ ááᢠááŁáŞáŤáá˝ (developer tools) ááľáĽ áá¨ááἠáá˝ááᢠá¨á á°áł áłáŞá ááłá¨áť á¨áá â á áĽáŤá á¨áľáášá áľá¨-áážá˝ áĽáá°ááá á áá¨áľ á áá˝ááᢠá¨á á°áł áłáŞááá á áŤááĽá ááá á áááááĽáᢠá¨áááľ ááĽáŤáŞáŤáá˝: á¨áá¨ááť áááľ (Storage permission) â áĽá á áá á¨áááá áĽááľá á¨áá¨áĄáľá á¨ááĽááľ áá á á á áŤáŁá˘á á ááŁáŞáŤá áá áááľááἠáĽáť ááᢠáá áá¨á á¨á áłá˝á áá˝á á áááŁáᢠá ááá áŠá áá¤áá˝ áá á¨áááľ áľááŞááśá˝ (Content scripts on all URLs) â áá áááľ á áĽáŤá áĽááľá áŤáľ-á°á áĽáá˛áá¸áŤá°áľ á áááááľ ááááá áľá¨-áá˝ áá á¨ááá¸áŤá°áľ á°ááŁáŠá áĽáá˛áŤá¨ááá áááľáťá á áľááá ááᢠá¨áááľ áľááŞááą á¨ááŤá°ááá á ááľ ááá áĽáť ááጠáĽááľá á˛áŤááľ áášá ááá¸áŤá°áľá˘ ááá á áááľ á¨áá˝ áááľ á áŤááĽáᣠá áááááᣠááá á áŤááŁáᢠááá áśááľ áŽáľ (source code) á ááá ááááš áĽáĽá áááłá (strict mode) á¨áá áá á˛áá á áľá°ááá á¨áŽá˛áá áááśá˝á áá¨á°ááᢠááá á áááľ 'eval'ᣠá°áááá á¨áŽáľ á ááťá¸á (dynamic code execution)ᣠááá á¨á°á°á á áŁá ᪠á¨áááᢠá¨á á ááá áááłáá˝ á¨á á á˝ááá˝á ááá ἠâ 5,000 áááľ áŤáá á¨ááá፠á˝áá ááá á¨á á á¨áá áá¨áŞáŤ áľáá ááľ áĽáŤáá ᥠáá? ááĽááąá á¨ááŁáĽ ááĽááľá áá áŤáľá°áŤáá áĽá áĽááľá áá á áá á áááą áá áĽáá˛áŤá°áŠáŠ ááš á áŤáą áĽáá˛áá¸áŤá°áľ áŤáľááᢠá áá¤áá (mouse) áááľá¨áľ á˛ááአá¨áá áŠá áľá áŚáł ááŁáľ áá¨á˘ á¨áá á áŤá áá˛áŤ á á°áł â á¨áľáá°áᣠáŹá˛áľáŁ ááľáĄá ááá á˘ááľáłááŤá áážá˝á áĽáŤá¸á¨á°áą áá? 'ááá áŤáľ-á°á ááá¸áŤá°áť' áľáŤáá ááľáŤáᢠááš ááĽááľ áŤááá áĽá á¨áá˝á áá°áľ á˛áŤáá áááá¨áąá˘ á¨áá ááá ááááá á˛áľáĽ áááá ááááąá áááŠá˘ áááá áĽá áĽááľ â á á áŤáłáá á˝ááá˝áŁ á á°ááśá˝ ááá á ááŁááť ááłááśá˝ áá áĽá¨á°áŠ áá? áĽá á ááť á¨ááŤá°áá ááá¸áŤá°áľ ááľáłááťáá˝á áááŤáᣠá˝ááá áááááľ ááá á ááá áá¨áá áŤáááá¨áĽ áá° áłá˝ ááá¸áŤá°áľ á¨áĽáŤ áá°áľáá áłáááᥠáĽáá˛áááᥠáŤáľá˝áááłáᢠá¨áŽáľ áááł â á¨á á á¨áśááľ áááá˝á ááá á¨áá áĽáŤááá˝á (pull requests) áĽá¨áááá áá? áá áŤá á¨áŤáľ-á°á ááá¸áŤá°áľ ááĽááľ áŤááá áĽá áŤá á áĽá á¨áá¸áŤá°áľ áá¨á ážá˝ áŽáąá á áľáááľ áŤááĽáĄá˘ ááá áśá˝ áĽá ááłáŤáá˝ (Presentations and demos) â á áľáĽá°áŁ ááá á áľááŞá áááŤáľ (screen share) áá áľ á¨á á áľá¨-áá˝ áĽáŤáłáŠ áá? áŤáľ-á°á ááá¸áŤá°áľ á¨á°áá áŤá¨á á áĽá ááá¸áŤá°áľ áĽá á á¨á°áťá á¨áááľá ááľááłáŁ ááŤá á¨ááá¸áŤá°áľ áá¤áľ áááĽáŤáᢠááá 'áááááá áá˝ ááá áŤáľ-á°á ááá¸áŤá°áť'á ááá¨áĽ á ááĽááľ á ááľá ááá áĽáť á áľááá áá°áŤá â áá á áĽá á°ááŁáŤáľ á¨á°áŤá á áĽáŤ á áá°ááᢠáážá˝á áŤá¸áŤáľáłáᢠ፠áá áááá ááᣠáĽáá áĽá á á ááŤáľá°áá áááł áŤá¨ááááᢠá áĽáááľ ááľááł ááá¸áŤá°áľ â áĽá á¨áŤáľ-á°á ááá¸áŤá°áť á áĽáŤáá˝ 'setInterval' ááá 'setTimeout' áá áááᣠáá á á¨ááłá ááááŤáá áŤáľá¨áľááᢠ'ááá áŤáľ-á°á ááá¸áŤá°áť' á¨áĽááľá ááłáŤ á¨áá°áľ ááĽááľ (refresh rate) áá ááááłá°á áĽááá°á 60fps ááľááł á¨ááá¸áŤá°áľ á ááťá¸á 'requestAnimationFrame' áá áááᢠá°áááá á¨ááĽááľ ááĽáĽá â á áĽáááš á¨ááá¸áŤá°áť á áĽáŤáá˝ ááĽá°á á¨ááĽááľ áááŁá áŞáŤ áá áááᣠáá á á áá á°á ááĽááśá˝ áá áĽáá á ááŠááśá˝ áĽá á á¨áá°á ááĽááśá˝ áá áľáá áĽá á á¨ááá¸á ááááá˝ áááľ ááᢠ'ááá áŤáľ-á°á ááá¸áŤá°áť' á°áááá á¨ááĽááľ ááĽáĽá áá áááᣠáľááá á áááŁá áŞáŤá áá á áĽáŤááłááą ááĽáĽ áá áĽáá ááĽáĽá áŤáááᢠááŠááą áá˛áŤáá ááłáŤáᢠááááľáľ V3 (Manifest V3) â á¨áŁáś á¨á°áááŁá á áŁá á¨á áἠáĽá á°á áááą á á°á á áá á¨ááŽá ááááľáľ V3 á¨á áĽáŤ ááľá¨á áá ááᢠááá á¨áᨠáŽáľ á¨ááᣠááá áá áŤáááŁá¸á á¤áá ááá˝ (APIs) á¨ááᣠááá á áááľ á¨á˝ááá áľááśá˝ á¨ááᢠááá°ááą á¨á°ááá áĽá á¨ááŽá áľá áá°áĽá (Chrome Web Store) ááľáááśá˝ áá áá á áá á¨ááľáá ááᢠá¨áá á á áá áááśá˝á á áá áá á â á áĽáŤá áááľáŤáľ á¨ááŤáľááááľá á ááľá°á áááśá˝ áĽáť áá áááᢠááá á áááľ á¨áłáĽ (tabs) áááľáŁ á¨áľá áĽáŤá (webRequest) áááľáŁ ááá á¨áááľ áľááŞááśá˝ á¨áá áááľ á᪠ááá á áááľ á¨á áľá°ááá (host) áááśá˝ á¨ááᢠáá áááľ â áá á áĽáŤ á áááľ á¨áá á á áĽá á¨ááťáťá ááᢠáľá á°áśá˝ ááľá°áŤá¨ááᣠáŁá áŞáŤáľ ááŁáŤáᣠáĽá á¨ááŽá ááááá˝ áá áŤáá á°áłááááľ áá áłá áá áá á ááᢠá´áááŤá ááááŽá˝ ááľá¨á: á¨ááŽá ááááľáľ V3 á áĽáŤ (Chrome Manifest V3 extension) á¨ááá¸áŤá°áť áá°á: requestAnimationFrame (á¨ááłáŤ á¨áá°áľ ááĽááľ áá á¨á°ááłá°áᣠáĽááá áá 60fps) á¨ááĽááľ ááá: 1-100 á¨á°áááá á¨ááĽááľ ááĽáĽá áá (0.1 áááľá/ááŹá áĽáľá¨ 20 áááľá/ááŹá) á¨áááł á áŤáŤá: á¨á áľá°ááᣠá áá°áŤ á°ááŞáľ ááá¨á (service worker) á áŠá ááĽáŤááłááą áłáĽ á¨ááá¸áŤá°áľ ááľáľá áá¨ááť: áááĽááľ áá፠áĽá á chrome.storage.local áľááá: á¨ááŽá i18n á¤áá á á¨55 á¨ááá áľáááá˝ áá áĽááááśá˝: á¨áá â áášá áŤáá ááŤáľááŞááľ (pure vanilla JavaScript) á¨áá áĽáŤááá˝: á¨áá â ááá ááĽáśá˝ á á áŤáŁá˘á á¨á°áŤá°áą áá¸á á¨áááľ áľááŞááľ ááľááŁáľ: á áá˝ áááľ á ááťá¸á áá ááá á°á˝áá áĽááłááá¨á document_idle á¨á¨áá áááł: ááŤáľ-á°á á¨áá˝áł ááἠCSS prefers-color-scheme media queries á ááá áááአ'áááááá áá˝ ááá áŤáľ-á°á ááá¸áŤá°áť'á á á ááľ á á áł ááŤáᢠáááááá áľá¨-áá˝ ááááąáŁ ááááąá á á áŤáľááᣠááĽááľáá áŤáľá°áŤááᣠáĽá áĽá áá ááť á ááľá¨á ááá¸áŤá°áľ ááááŠá˘ á¨ááŤá á ááľáś áááááŞáŤá áŤáľ-á°á ááá¸áŤá°áľá á¨á ááľáľ á°á¨ááśá˝ áŤáá° áá áááľáłáᢠáá á áĽáŤ á áá áá áŤáááľ áĽáŁááá á°á¨á áĽá á áľá°áŤá¨áľ ááľáĄ â áá ááá˝ á°á áááá˝ 'ááá áŤáľ-á°á ááá¸áŤá°áť'á áĽáá˛áŤáá áĽá á áĽáŤáá ááťáťáá˝áá áĽááľáááĽá áá¨áłááᢠáááŤá ááá¸áŤá°áľ
3 á¨54 á¨á°á¨á áľááľáá˝
áľááá¤áśá˝ áĽá áááááá˝ á¨á áá áááá˘
ááááŽá˝
- áľáŞáľ2.5.0
- á°áááá22 áŚááśá á 2026
- á¨áá¨á á áPYROCTAL
- áá á111KiB
- ááááá˝55 ááááá˝
- ááá˘
á˘ááá
help@pyroctal.com - ááá´-áŤááááá ááᢠáŤáąá áĽáá° á ááľ ááá´ á ááá¨áᢠá á ááŽá á áĽá¨áľ ááľáĽ áá á¸áážá˝ áĽáŁáá á¨á¸áážá˝ ááĽáśá˝ á áĽááľá áĽá á áá ááᢠááŤá¨á áŁá ááá˝ áá áĽáá°ááá°áá አáἠáá áá˘
áááááľ
áá ááᢠá¨áĽááľá ááἠá¨áá¨á°ááľá áááá á ááá
- á¨á¸á°á á¨á á ááá áááłáá˝ áá ááŚáľá°á áááá˝ áĽá¨á°á¸á áĽááłááá áŤáááá˘
- á¨ááĽá áá á°ááŁá áá ááá°áŤáŤá ááááá˝ áĽáŤ áá á áááá ááá á ááá°ááá
- á¨áĽáľá áĽáááľá ááá¨ááἠááá ááĽáľá ááááá˝ áĽáŤ áá á áááá ááá á ááá°ááá
áľáá
á áĽáŤááá˝áŁ áĽáááá˝ ááá á˝ááŽá˝ áá áĽáá áááááľ áĽáŁáá á á´áľááśá á áłá˝á áá áá á áá˝ ááááą