blocks|key|253214|text|没有来自web+worker阶段的任何类型的DOM访问。所有的DOM操作都必须在主JS线程中完成。Web+Workers只能通过消息传递与主线程通信。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|253215|这个previous+SO+question告诉你，网络工作者不能访问本地存储，这是通过谷歌搜索很容易找到的。|offset|length|253216|相同的线程有一个web工作者可以访问的列表。|253217|不清楚您所说的“在worker中包含文件”是什么意思。您可以导入脚本。我不知道你还在问什么。如果对音频文件有帮助，您可以使用ajax调用来获取数据。|253218|对我来说，这听起来像是你需要做一些基础的研究，关于你可以和网络工作者做什么和不能做什么(因为在网络上有一大堆关于它的文章)，然后带着更具体的问题回来，结合这些知识。|253219|对于网络工作者来说，没有黑客可以让你做比你应该做的更多的事情。|253220|如果您有很多工作要做，并且希望主UI尽可能具有响应性，那么您可以在主JS线程中执行工作，并使用setTimeout分成小块执行。这是一个非常古老的设计模式，可以追溯到线程出现或易于使用之前的日子。它涉及到设计你的工作，使得它可以以状态存储在某个持久化对象中的小片段来完成，然后你可以重复做少量的工作，然后返回，只是在下一个计时器滴答时拿起下一个工作。|253221|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/6179159/accessing-localstorage-from-a-webworker^0|0|2|K|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|F|3|G|5|6|7|12|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|14|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|15|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|16|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]]]

<p>There is no DOM access of any kind from a web worker - period.  ALL DOM manipulation must be done from the main JS thread.  Web Workers can only communicate with the main thread via messaging.</p>

<p>This <a href="https://stackoverflow.com/questions/6179159/accessing-localstorage-from-a-webworker">previous SO question</a> tells you that web workers cannot access local storage, something that was easily found with a Google search.</p>

<p>That same thread has a list of what web workers can access.</p>

<p>It is unclear what you mean by "include a file in a worker".  You can import scripts.  I don't know what else you're asking about.  You can use an ajax call to fetch data if that will help you with your audio file.</p>

<p>This sounds to me like you need to do some basic research about what you can and can't do with web workers (as there is a TON written about it on the web) and then come back with a lot more specific questions that incorporate that knowledge.</p>

<p>There are no hacks for web workers that let you do more than you are supposed to be able to do.</p>

<p>You can do work in the main JS thread and do it in little chunks with setTimeout if you have a lot of work to do and want to keep the main UI as responsive as possible.  This is a very old design pattern that goes back to the days before threading was available or easy to use.  It involves designing your work such that it can be done in little pieces with state stored in some persistent object and then you can repeatedly do small amounts of work and then return back, only to pick up the next piece of work on the next timer tick.</p>


blocks|key|253223|text|您可以加载javascript库。请参阅此示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|253224|<body>
++++<button>Start</button>
++++<div+id="output"></div>
++++<script+id="worker_1"+type="text/js-worker">
++++++++importScripts(base_url+%2B+'/worker_lib2.js');

++++++++function+run(event)+{
++++++++++++var+msg+=+event.data;
++++++++++++this.postMessage({+answer:+hello(event.data.name)});
++++++++}

++++++++this.addEventListener('message',+run,+false);
++++</script>

++++<script>
++++++++var+base_url+=+window.location.href.replace(/\\/g,'/').replace(/\/[%5E\/]*$/,+'');
++++++++var+array+=+['var+base_url+=+"'+%2B+base_url+%2B+'";'+%2B+$('#worker_1').html()];
++++++++var+blob+=+new+Blob(array,+{type:+"text/javascript"});

++++++++$('button').click(function()+{
++++++++++++var+url+=+window.URL.createObjectURL(blob);
++++++++++++console.log(url);
++++++++++++var+worker+=+new+Worker(url);
++++++++++++worker.addEventListener('message',+function(event)+{
++++++++++++++++$('#output').html(event.data.answer);
++++++++++++},+false);
++++++++++++worker.postMessage({
++++++++++++++++name:+'Steve'
++++++++++++});
++++++++});
++++</script>
</body>|code-block|syntax|javascript|253225|使用包含hello函数的库worker_lib2.js。|253226|function+hello(msg)+{
++++return+'Hello...+'+%2B+msg;
}|253227|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can load a javascript library. See this example: </p>

<pre><code>&lt;body&gt;
    &lt;button&gt;Start&lt;/button&gt;
    &lt;div id="output"&gt;&lt;/div&gt;
    &lt;script id="worker_1" type="text/js-worker"&gt;
        importScripts(base_url + '/worker_lib2.js');

        function run(event) {
            var msg = event.data;
            this.postMessage({ answer: hello(event.data.name)});
        }

        this.addEventListener('message', run, false);
    &lt;/script&gt;

    &lt;script&gt;
        var base_url = window.location.href.replace(/\\/g,'/').replace(/\/[^\/]*$/, '');
        var array = ['var base_url = "' + base_url + '";' + $('#worker_1').html()];
        var blob = new Blob(array, {type: "text/javascript"});

        $('button').click(function() {
            var url = window.URL.createObjectURL(blob);
            console.log(url);
            var worker = new Worker(url);
            worker.addEventListener('message', function(event) {
                $('#output').html(event.data.answer);
            }, false);
            worker.postMessage({
                name: 'Steve'
            });
        });
    &lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p>With the library worker_lib2.js containing the hello function.</p>

<pre><code>function hello(msg) {
    return 'Hello... ' + msg;
}
</code></pre>


<p>I have a few questions about web workers </p>

<ul>
<li><p><strong>Does the worker have access to storage?</strong> E.g. indexedDB/webSQL and local storage of the file the worker was initiated from?</p></li>
<li><p><strong>How can i include a file in a worker?</strong> I have a <code>functions.js</code> which has alot of quick app related functions and it really wont make sense to copy paste the file's contents in a worker only to have two different places up update my functions.</p></li>
<li><p><strong>Can I have a DOM inside a worker?</strong> like load an audio file in a temp audio tag to read its duration and if it is playable or not. Not access dom of parent page, but have a DOM in the worker itself.</p></li>
<li><p>If the answers to any of the question is negative then how can/should it be done manually?</p></li>
</ul>

<p>This is for a chrome app so I have access to the latest Chrome APIs and I don't need to care about backward compatibility.</p>


What can I use with Web Workers?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有几个关于网络工作者的问题Does工作者是否有权访问存储空间?例如，初始化工作者的文件的索引DOM /webSQL和本地存储from?How我可以在工作者中包含文件吗？我有一个具有许多快速应用程序相关功能的functions.js，在工作者中复制粘贴文件内容只是为了有两个不同的位置更新我的functions.Can更...

问我可以在Web Worker中使用什么？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我可以在Web Worker中使用什么？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我可以在Web Worker中使用什么？
EN