javascript - 在 Tritium 中注入(inject)多行 JS

Question

我有一个 javascript 片段，我需要在每个页面上注入(inject)它以触发我的谷歌分析。我尝试使用 inject 并不断收到错误:

inject("// load ga.js if it doesn't exist
    if (!window._gat) {
        var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? "https://ssl" : "http://www") + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    };")

用氚解决这个问题的最佳方法是什么？

Answer 1

inject() 函数似乎将字符串转换为 HTML，然后将其放入当前节点。由于您的字符串是 JS，不是有效的 HTML，因此会抛出各种错误。

相反，您可以使用 Tritium 的 insert_javascript() 函数，在以下文档中进行了描述:http://tritium.io/current#XMLNode.insert_javascript(Text%20%25js) .

insert_javascript() 也将字符串包含在 CDATA 中标记，因此您不必担心 HTML 字符编码等问题。

以下是它如何适用于您的案例的示例:http://tester.tritium.io/7532c4e18619051c5736a0ad990e4a33b1b3f00f