Maison > interface Web > Tutoriel H5 > Exemple de travailleur html5 (1) Pourquoi le test ne fonctionne pas_compétences du didacticiel html5

Exemple de travailleur html5 (1) Pourquoi le test ne fonctionne pas_compétences du didacticiel html5

WBOY
Libérer: 2016-05-16 15:49:28
original
1519 Les gens l'ont consulté

De nombreuses personnes rencontrent toujours des exceptions lors du test de l'API de travail et ne peuvent pas du tout tester l'effet.
Une chose à laquelle vous devez faire attention lorsque vous utilisez des Workers est qu'un simple fichier texte ne peut pas implémenter un Worker. Le code que vous écrivez doit être déployé sur le serveur (tomcat.jBoss, etc.) pour exécuter l'API du Worker.
Écrivez un exemple simple ci-dessous

code js test.js (worker)

Copier le code
Le code est le suivant :

function messageHandler(e) {
postMessage("worker say: " e.data " aussi");
addEventListener("message", messageHandler, true);
postMessage("2222222222");


index de code html

Copier le codeLe code est le suivant :
;

index.html
;meta http-equiv= "description" content="ceci est ma page">
🎜>--> body>
< ;script type="text/javascript">
if(typeof(Worker)!=="undefined"){
console.log("zhichi worke"
}else{
console.log("pas de support!");
}
function messageHandler(e){
console.log(e.data);
}
function; errorHandler(e){
console.log(e.message, e);
}
var monWorker = new Worker("task.js");
myWorker.addEventListener("message", messageHandler, true);
myWorker.addEventListener("error", errorHandler, true);
myWorker.postMessage("1 fangsong d"); ;
< /html>


Au lieu d'accéder directement à la page index.html par la suite, vous verrez la chaîne envoyée par le travailleur dans le panneau de console du navigateur (la transmission json est généralement utilisé dans des applications réelles).
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal