Chrome扩展中的Mark.js /进一步理解

时间:2017-12-12 04:08:45

标签: javascript json google-chrome

所以我试图删除一些mark.js示例代码并且遇到了一些令人难以置信的古怪行为

以下代码看起来很有效(一个简单的HTML示例,然后由mark.js instanse突出显示)

<!DOCTYPE html>

<h> text in a header </h>

<div class="panel panel-default">
  <div class="panel-body context">
    <p>
    text ā text
    </p>
  </div>
</div>


<div>
<p> text in a plain div </p>
</div>

<script src="mark.js"></script>
<script>
console.log("in our script");
var instance = new Mark(document.querySelector("body"));
instance.mark("text", {
    "iframes": true,
});
</script>

现在当我删除'ā'(假设它只是

中的另一个字符)时,它打破了示例,“text”的实例不再突出显示

我尝试此操作的更大背景是在chrome扩展中使用mark.js,我可以在扩展中(在content.js中)获取它并正确地将“mark.js”添加到清单这样扩展程序就可以创建一个实例,但我没有在页面上看到它突出显示(比如这个例子被破坏了)

有关此处发生了什么以及如何帮助我将mark.js集成到Chrome扩展中的更大目标的任何提示/见解?

谢谢!

0 个答案:

没有答案