html5 worker 实例(一) 为什么测试不到效果
在测试worker API时,很多人常常遇到异常,导致无法有效评估其功能。在使用worker时,有一个重要的注意事项:单纯的文件是无法实现worker的。实际上,你必须将代码部署到服务器(如tomcat或jBoss)才能运行worker API。
让我们以狼蚁网站SEO优化为例,展示如何使用worker API。假设你有以下JavaScript代码(test.js):
```javascript
function messageHandler(e) {
postMessage("worker says: " + e.data + " too");
}
addEventListener("message", messageHandler, true);
postMessage("");
```
你的HTML代码(index.html)如下:
```html
if(typeof(Worker) !== "undefined"){
console.log("支持worke");
}else{
console.log("不支持!");
}
function messageHandler(e){
console.log(e.data);
}
function errorHandler(e){
console.log(e.message, e);
}
var myWorker = new Worker("task.js"); // 确保task.js文件存在并与index.html在同一目录下。
myWorker.addEventListener("message", messageHandler, true); // 添加消息处理事件监听器。
myWorker.addEventListener("error", errorHandler, true); // 添加错误处理事件监听器。
myWorker.postMessage("1 fangsong d"); // 向worker发送消息。
```
当你访问index.html页面后,在浏览器的控制台(console)中,你将能够看到worker发送的字符串(实际应用中一般使用json进行传输)。请注意,为了成功运行此示例,你需要一个名为“task.js”的worker文件,并且确保它与index.html文件在同一目录下。在访问页面之后,浏览器控制台将显示来自worker的消息。这样你就可以清楚地看到worker API的实际运行情况,避免了在测试过程中的异常问题。通过SEO优化,你的网站将更容易被搜索引擎抓取和索引,从而提高网站的可见性和流量。
网站源码
- html5 worker 实例(一) 为什么测试不到效果
- Win10最劲爆的五大功能让人不得不爱
- css3动画 小球滚动 js控制动画暂停
- 3DMAX中怎么制作欧式石膏线条-
- css3 border旋转时的动画应用
- 网页设计的尺寸和网页中广告设计的规则
- VAIO Z和VAIO S13哪个好?VAIO S13和VAIO Z笔记本电脑区
- 文件夹选项不见了的解决方法[图文]
- 用Dreamweaver制作WordPress的留言本III
- CAD在位编辑块命令怎么使用-
- 使用CA和CCA克隆账户与检查账号是否被克隆工具的
- maya怎么创建摇椅模型-
- SafeboxTray.exe是什么进程?是病毒吗?具有什么功
- 神秘的京东大脑如何保障买买买的用户体验
- 小米联合创始人洪锋:通过功能弱化版本差异
- css 透明度的设置兼容所有浏览器