Javascript CDATA 部分

Question

最近，我正在创建一个模块来将谷歌再营销标签添加到网上商店。根据文档，我已经为不同类型的页面(产品、类别、购物车等)准备了 google_tag_params。一切顺利，直到客户使用 Chrome 的 Google Tag Assistant 插件检查页面。它显示 CDATA 部分的警告。起初我不明白他在说什么，因为参数很好，而且我在控制台中没有收到任何错误。所以我检查了 Google Tag Assistant，令我惊讶的是它的行为如下。

对于代码:

<script type="text/javascript">
//<![CDATA[
var google_conversion_id = <?php echo $this->getConversionId();?>;
var google_conversion_label = '<?php echo $this->getConversionLabel();?>';
var google_custom_params = window.google_tag_params;
var google_remarketing_only = <?php echo $this->getRemarketingOnlyFlag();?>;
//]]> 
</script>

它显示警告“缺少 CDATA 注释”并指向文档 https://support.google.com/tagassistant/answer/2978937?ref_topic=2947092#cdata_comments

但是把这个改成

<script type="text/javascript">
/*<![CDATA[*/
var google_conversion_id = <?php echo $this->getConversionId();?>;
var google_conversion_label = '<?php echo $this->getConversionLabel();?>';
var google_custom_params = window.google_tag_params;
var google_remarketing_only = <?php echo $this->getRemarketingOnlyFlag();?>;
/*]]> */
</script>

使警告消失。

所以我的问题是这样的。在任何浏览器中，单行评论和多行评论之间有什么区别吗？这只是谷歌标签助手不识别那些评论的奇怪行为吗？

Answer 1

某些 html 压缩器在压缩过程中可能会出现问题。

例如

<script type="text/javascript">
//<![CDATA[
    alert("Hello World");
//]]> 
</script>

成为

<script type="text/javascript">//<![CDATA[alert("Hello World");//]]></script>

所以 /*<![CDATA[*/只是更安全一点。