在写一个 JS ，但我发现关闭代码片段之后这个 JS 还在运行，咋整？
启用代码片段之后会添加一个元素，这个元素在关闭代码片段时会移除，但 JS 却还会持续运行：
-
思源笔记
22251 引用 • 88933 回帖
思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。
融合块、大纲和双向链接，重构你的思维。
-
Q&A
8074 引用 • 36880 回帖 • 162 关注
提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
相关帖子
被采纳的回答
-
wilsons • • 2付费者 捐赠者
我通过这个函数实现了判断代码片段是否关闭，不知是否你想要的效果。
// 判断脚本是否开启 // 通过唯一标志符判断是否启用此脚本，下面的uuid不要删除，也可以改成其他全局唯一字符串 // 如果性能更好，可以使用脚本id和这个方法相结合，即把这个uuid改为脚本id，然后先用脚本id判断脚本是否存在，再用keyword判断 // 也可以通过/api/snippet/getSnippet来判断脚本开启状态，这里采用判断脚本是否存在的方式 // 调用方式 isEnabled() // b6fb408a-d400-4874-b357-06fcdce67ca6 function isEnabled(keyword = 'b6fb408a-d400-4874-b357-06fcdce67ca6') { if(!siyuan.config.snippet.enabledJS) return false; const scripts = document.getElementsByTagName('script'); for (var i = 0; i < scripts.length; i++) { if (scripts[i].textContent.indexOf('// ' + keyword) !== -1) { return true; } } return false; }然后在
MutationObserver回调中添加判断if(!isEnabled()) { if(observer) observer.disconnect(); if(timeoutId) clearTimeout(timeoutId); if(animationFrameRequestId) cancelAnimationFrame(animationFrameRequestId); return; }如图
效果
请输入回帖内容
...
-
👍 我在你的基础上，对这个函数进一步优化，加入了通过 id 判断，遍历脚本仅执行一次。
// 判断脚本是否开启 // 通过唯一标志符判断是否启用此脚本，注释中的uuid不要删除，也可以改成其他全局唯一字符串 // 也可以通过/api/snippet/getSnippet来判断脚本开启状态，这里采用判断脚本是否存在的方式 // 调用方式 isEnabled() let scriptId = ''; function isEnabled(keyword = 'b6fb408a-d400-4874-b357-06fcdce67ca6') { if(!siyuan.config.snippet.enabledJS) return false; const script = scriptId ? document.getElementById(scriptId) : null; if(script) return true; const scripts = document.head.getElementsByTagName('script'); for (var i = 0; i < scripts.length; i++) { // b6fb408a-d400-4874-b357-06fcdce67ca6 if (scripts[i].textContent.indexOf('// ' + keyword) !== -1) { scriptId = scripts[i].id; return true; } } return false; }另外，建议不用对整个 body 进行监控，监控
.layout__center应该就足够了。1 回复 - 其他回帖
-
JeffreyChen • • 1
对，非常感谢。另外我改为只遍历 head 元素下的 script 标签：
// 判断脚本是否开启 // 通过唯一标志符判断是否启用此脚本，下面的uuid不要删除，也可以改成其他全局唯一字符串 // 如果性能更好，可以使用脚本id和这个方法相结合，即把这个uuid改为脚本id，然后先用脚本id判断脚本是否存在，再用keyword判断 // 也可以通过/api/snippet/getSnippet来判断脚本开启状态，这里采用判断脚本是否存在的方式 // 调用方式 isEnabled() // b6fb408a-d400-4874-b357-06fcdce67ca6 function isEnabled(keyword = 'b6fb408a-d400-4874-b357-06fcdce67ca6') { if(!siyuan.config.snippet.enabledJS) return false; const scripts = document.head.getElementsByTagName('script'); // 只遍历 head 元素下的 script 标签 for (var i = 0; i < scripts.length; i++) { if (scripts[i].textContent.indexOf('// ' + keyword) !== -1) { return true; } } return false; }1 回复 -
-
把 isEnabled()函数中的
const scripts = document.head.getElementsByTagName('script');改为
const scripts = document.head.querySelectorAll("script[id^=snippetJS]");可大大提高第一次遍历时的性能，毕竟系统库函数啥的文本量还是巨大的，而代码片段的代码往往很小。
- 查看全部回帖