> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/cn/faq/insight-setting/heatmap-garbled.md).

# 显示热力图背景页面出现乱码的情况下

本文档说明显示热力图时背景网页出现乱码的原因及解决方法。

通过执行此步骤，您可以解决热力图上的乱码问题，正确显示网页。这样可以在准确的页面显示基础上分析用户行为。

## 常见使用场景

当显示热力图时背景网页出现乱码时很有帮助。当网站HTML标头中指定的字符编码（例如：`euc-jp`）与浏览器实际显示页面时使用的字符编码（例如：`UTF-8`）不匹配时，就会发生此问题。

## 此功能的设置方法

按照以下步骤确认字符编码不匹配，并修改HTML文件。

### 1. 确认浏览器识别的字符编码

首先，确认浏览器以哪种字符编码识别页面。

在出现乱码的页面中，打开Chrome开发者工具。（`F12`键或`Ctrl+Shift+I`）

打开"控制台（Console）"选项卡。

在控制台中输入`document.characterSet`，然后按Enter键。

确认显示的字符编码（例如：`UTF-8`）。

### 2. 修改HTML标头的字符编码

接下来，修改网站的HTML文件，使其与浏览器识别的字符编码匹配。

打开网站的HTML文件。

查找标头部分中的字符编码指定（`<meta charset="...">`）。

将其更改为在步骤1中确认的字符编码。 （例如：将`<meta charset="euc-jp">`更改为`<meta charset="UTF-8">`）

保存文件，重新加载网站，并确认乱码问题是否已解决。

**【请注意】** 更改字符编码时，请确保站点内的所有文本文件都以相同的字符编码保存。如果混合了不同的字符编码，可能会出现其他问题。