利用 Chrome 开发者工具，您可以快速分析网页的内容/资源。这有助于您检查 Campaign Manager 360 代码。
找到开发者工具
-
右键点击网页并选择“审查元素”。系统即会显示您点击的元素的 HTML 代码。
-
依次选择查看 > 开发者 > 开发者工具。
-
使用“alt+command+i”快捷键。
可用标签及其用途
-
“Elements”标签：显示网页呈现的 HTML（与网页的源代码不同）。如果在网页加载时有任何 HTML 元素通过 JavaScript 创建或更改，那么这些更改将反映在已呈现的 HTML 内，而该网页的源代码则将显示未经任何更改的代码。
使用案例- 检查代码是否经过修改：借助该标签页，您可以找到在此网页上已经实现的 Floodlight 代码和/或展示位置代码，确定这些代码是否发生过任何修改。在查找代码时，搜索“double”这个词会很有用，因为 Campaign Manager 360 展示位置代码中的网址包含使用“doubleclick”网域的网址。找到代码后，您便可将这个已实施的代码版本与直接从“广告投放管理”界面中导出的代码进行对比。
- 排查 CSS 问题：在“Elements”标签页中，右侧的列会显示各种 CSS 属性，这些属性控制着所选 HTML 元素的显示方式和显示位置。
- “Computed Style”栏内会显示对选定元素有效的所有 CSS 规则，其中包括通过由网页的网站管理员撰写的明确 CSS 代码设置的规则，以及从该浏览器针对此类 HTML 元素的默认值衍生而来的规则。
- “Styles”部分与之不同，其中仅显示由网站管理员明确指定的 CSS 规则。此处的每个子部分均表示网页代码中写入相关 CSS 规则（会影响所选 HTML 元素的规则）的不同位置。如果您发现有规则导致网页内出现问题，则可点击该子部分右上角的链接，以加载实施了相关规则的行/文档。
“元素”标签最实用的功能之一是帮助您修改将要检查的代码。如果您认为自己已找到 HTML 代码行或导致网页出现问题的 CSS 规则，可以随时更改代码以测试您的假设。您的更改只会影响存储在浏览器的临时内存中的网页版本。当您重新加载此网页时（或当他人访问此网页时），您所做的更改将不会出现。 -
“Resources”标签：可让您查看随同正被审查的网页一起加载的各种资源的表格。这些资源包括图片、HTML 文档、JavaScript 文件等。该标签页对于排查与 Campaign Manager 360 相关的问题非常有用，因为“搜索”功能将检查此网页可用的所有资源，而不是仅限于此网页本身的内容。
使用案例查找未写入网页的代码：尽管您可以通过“Elements”标签查看网页呈现的 HTML，但向网页本身写入代码并不一定总能触发展示位置代码。也就是说，要找到已实施的展示位置代码，最简单、最可靠的方法就是使用“Resources”标签上的“搜索”功能。
-
“Network”标签：这是一款内嵌式代理嗅探器，可让您在网页加载时及加载后监控网页的 HTTP 流量。
使用案例- 检查您的展示位置代码/Floodlight 是否触发：代理嗅探器是进行质量检查及问题排查时最为实用的工具。从根本上来说，如果代码未触发，它就无法按预期跟踪或返回广告素材内容。同样地，只要能够正确调用代码（语法/格式无误），我们的服务器便不会深究代码是如何实施的（虽然仍可能需要根据网页性质考虑其他问题）。您可以使用“Network”标签检测展示位置代码/Floodlight 是否已触发。如果已触发，请确保相应调用的语法与未经修改的代码版本中包含的网址匹配。
- 延迟测试：除展示是否发生调用之外，“网络”标签内还将展示指定请求需要多长时间才接收到响应。这对延迟测试十分实用，特别是在使用动态Floodlight代码的情况下。如果 Flooglight 导致在网页加载时耗时过久，那么请多加注意由搭载像素进行的调用，这通常有助于您确定问题的原因。也就是说，耗时不太可能归咎于 Floodlight 代码本身，更有可能是代码内的某一搭载像素导致了延迟。
-
“Scripts”标签页：可用于调试 JavaScript 代码。虽然该标签页是网络开发者的重要工具，但它与 Campaign Manager 360 的质量检查或问题排查并无直接关系。
-
“Timeline”标签页：显示一段时间内的 HTTP 流量和内存使用情况。与“Network”标签页非常相似，该标签页对于确定延迟的原因非常有用。不过，该标签页无益于解决与 Campaign Manager 360 相关的问题。
-
“Profiles”标签页：网络开发者可以使用这一工具来优化网络应用内的 CPU 使用情况。不过，该标签页无益于解决与 Campaign Manager 360 相关的问题。
-
“Audits”标签页：可在网页加载时分析网页内容，并提供建议和优化方案以缩短网页加载时间和加快用户感知到的（以及实际的）响应速度。不过，该标签页无益于解决与 Campaign Manager 360 相关的问题。
-
“Console”标签页：会自动检测网页代码内的错误。在使用“Network”标签页确定代码未触发后，您可通过“Console”标签页进一步了解代码为何未触发。
使用案例对语法错误进行问题排查：如果您的代码未触发，请检查“控制台”标签，看看 Chrome 是否已检测到任何错误。需要注意的关键错误为：
“Console”标签的一项实用功能是将错误消息与引发错误的行及文档相关联。这有助于将问题追溯到必须更改的代码行。不过，此功能未必 100% 可靠。虽然该标签提供的错误检测结果很可靠，但归因机制却相对不太准确（可能会关联到只是与代码错误邻近的行）。- “NS_IMAGELIB”：在将 iframe“src”网址作为图片进行实现时，可能出现此错误。这种混淆会导致展示位置代码或 Floodlight 代码无法正确触发，不过，在使用 Floodlight 代码的情况下，无论错误与否，转化都可以得到归因。也就是说，如果 Floodlight 代码含有该错误，则该代码内已实施的第三方像素无一可触发。
- “不安全 JavaScript 尝试通过网址访问框架”：此错误可忽略，因为它只是在网页上嵌入来自不同域的 iframe 的相关安全警告。大多数用户将不会看到此警告，除非他们的安全设置极高，且此警告对 Floodlight 或搭载像素的投放方式不起作用。
- “资源解读为‘_blank_’但使用 MIME 类型传输”：此消息表示文件格式有问题。MIME是文件格式在互联网上的标识符。当通过错误的文件扩展名（例如 gif. 与 .jpeg）加载资源时，会出现该错误。
- “未捕获 TypeError”：此消息表示该网页上的 HTML 元素存在类型错误。一般情况下，此消息表示JavaScript函数内存在错误代码。
- “未捕获 SyntaxError”：此消息表示网页上有元素存在语法错误。一般情况下，此消息表示错用了多余字符 (<"/-*^#)。
