Baseline Widely available *
ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼å ã§å©ç¨å¯è½ã§ããããµã¼ãã¹ã¯ã¼ã«ã¼ã§ã¯ä½¿ç¨ã§ãã¾ããã
Worker()
ã³ã³ã¹ãã©ã¯ã¿ã¼ã¯ãæå®ããã URL ã§æå®ãããã¹ã¯ãªãããå®è¡ãã Worker
ãªãã¸ã§ã¯ãã使ãã¾ãããã®ã¹ã¯ãªãã㯠åä¸ãªãªã¸ã³ããªã·ã¼ã«å¾ããªããã°ããã¾ããã
ã¡ã¢: data URL ã åä¸ãªãªã¸ã³ã§ãããã©ããã«ã¤ãã¦ã¯ããã©ã¦ã¶ã¼ãã³ãã¼ã®éã§æè¦ãåããã¦ãã¾ãã Firefox 10 以éã®ãªãªã¼ã¹ã§ã¯ data URL ãåãå ¥ãã¾ããããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§ãããªãã¨ã¯éãã¾ããã
æ§ænew Worker(url)
new Worker(url, options)
弿°
url
æååã§ãã¯ã¼ã«ã¼ãå®è¡ããã¹ã¯ãªããã® URL ã表ãã¾ããåä¸ãªãªã¸ã³ããªã·ã¼ã«å¾ã£ã¦ããªããã°ããã¾ãããURL ã¯ãç¾å¨ã® HTML ãã¼ã¸ã®å ´æã«å¯¾ãã¦ç¸å¯¾çã«è§£æ±ºããã¾ãã
ã¡ã¢: webpackãViteãParcel ãªã©ã®ãã³ãã©ã¼ã§ã¯ã import.meta.url
ã«å¯¾ããç¸å¯¾ URL ã Worker()
ã³ã³ã¹ãã©ã¯ã¿ã¼ã«æ¸¡ããã¨ããå§ããã¾ããä¾ãã°ã次ã®ããã«ãã¾ãã
const myWorker = new Worker(new URL("worker.js", import.meta.url));
ãã®æ¹æ³ã§ã¯ããã¹ã¯ç¾å¨ã® HTML ãã¼ã¸ã§ã¯ãªãç¾å¨ã®ã¹ã¯ãªãããåºæºã¨ããããããã³ãã©ã¼ã¯ãååã®å¤æ´ãªã©ã®æé©åãå®å
¨ã«è¡ããã¨ãã§ãã¾ãï¼ããããªãã¨ãworker.js
URL ããã³ãã©ã¼ã«ãã£ã¦å¶å¾¡ããã¦ããªããã¡ã¤ã«ãæãå¯è½æ§ããããä½ãä»®å®ã§ããªããªãããã§ãï¼ã
options
çç¥å¯
ãªãã¸ã§ã¯ãã使ããã¨ãã«è¨å®ã§ãããªãã·ã§ã³ããããã£ãæã¤ãªãã¸ã§ã¯ãã§ãã以ä¸ã®ããããã£ã使ç¨ã§ãã¾ãã
type
æååã§ã使ããã¯ã¼ã«ã¼ã®ç¨®é¡ãæå®ãã¾ãã使ç¨ã§ããå¤ã¯ classic
ã¾ã㯠module
ã§ããæå®ããªãå ´åã®æ¢å®å¤ã¯ classic
ã§ãã
credentials
æååã§ãã¯ã¼ã«ã¼ã§ä½¿ç¨ããè³æ ¼æ
å ±ã®ç¨®é¡ãæå®ãã¾ãã使ç¨ã§ããå¤ã¯ omit
ãsame-origin
ãinclude
ã§ããçç¥ããå ´åãã¾ãã¯åã classic
ã®å ´åãæ¢å®ã§ã¯ same-origin
ï¼åããªãªã¸ã³ããã®ãªã¯ã¨ã¹ãã®è³æ ¼æ
å ±ã®ã¿ãå«ãï¼ã使ç¨ããã¾ãã
name
æååã§ãã¯ã¼ã«ã¼ã®ã¹ã³ã¼ãã表ã DedicatedWorkerGlobalScope
ãèå¥ããååãæå®ãã¾ããããã¯ä¸»ã«ããããã°ã§å½¹ã«ç«ã¡ã¾ãã
SecurityError
DOMException
ææ¸ãã¯ã¼ã«ã¼ãèµ·åãããã¨ã許å¯ããã¦ããªãå ´åãä¾ãã°ã URL ã䏿£ãªæ§æã§ãã£ãããåä¸ãªãªã¸ã³ããªã·ã¼ã«éåãã¦ãããããå ´åã«çºçãã¾ãã
NetworkError
DOMException
ã¯ã¼ã«ã¼ã¹ã¯ãªããã® MIME ã¿ã¤ãã䏿£ãªå ´åã«çºçãã¾ããããã¯å¸¸ã« text/javascript
ã§ããã¹ãã§ãï¼çµç·¯ä¸ãä»ã® JavaScript ã® MIME ã¿ã¤ããåãå
¥ããããå ´åãããã¾ãï¼ã
SyntaxError
DOMException
aURL ãè§£éã§ããªãã£ãå ´åã«çºçãã¾ãã
次ã®ã³ã¼ãã¹ãããã㯠Worker()
ã³ã³ã¹ãã©ã¯ã¿ã¼ã使ã£ã¦ Worker
ãªãã¸ã§ã¯ãã使ããç¶ãã¦ãã®ãªãã¸ã§ã¯ãã®ä½¿ãæ¹ã表ãã¦ãã¾ãã
const myWorker = new Worker("worker.js");
const first = document.querySelector("input#number1");
first.onchange = () => {
myWorker.postMessage(first.value);
console.log("ã¡ãã»ã¼ã¸ãã¯ã¼ã«ã¼ã«éããã¾ãã");
};
å®å ¨ãªä¾ãè¦ãã«ã¯ãåºæ¬çãªå°ç¨ã¯ã¼ã«ã¼ã®ä¾ï¼å°ç¨ã¯ã¼ã«ã¼ãå®è¡ï¼ãåç §ãã¦ãã ããã
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ å ±æå±ãã Worker
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4