> 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/start-guide/pc-sp-switch.md).

# PC版和SP版页面的切换方法

很多站点 PC 版和手机版**共用同一个 URL**，靠用户代理（UA）判断给谁看哪一版。这时在 Ptengine 里做可视化事件设置，默认调出来的是 **PC 版**——要给手机版上的按钮设事件，就得让它调出手机版。

***

## 开始之前 <a href="#before-you-start" id="before-you-start"></a>

* 只有**同一 URL 下靠 UA 区分 PC/手机**的站点才需要这么做
* PC 站和手机站是两个不同域名（例 `example.com` / `sp.example.com`）的，直接用对应的 URL 就行，不用切 UA

***

## 做法 <a href="#how-to" id="how-to"></a>

在浏览器里**伪装成手机的 UA**，再去调用这个页面，Ptengine 就会按手机版来加载。这样**不用改一行 HTML**，就能给只在手机版出现的按钮设事件。

主流浏览器的开发者工具都带设备模拟（Chrome 是 Network 条件里的 User agent，或设备工具栏），切好之后再回到 Ptengine 的可视化事件设置界面调用页面即可。

***

## 做完之后怎么确认 <a href="#verify" id="verify"></a>

* 调出来的页面是手机版布局，说明切换成功
* 设好事件后用[事件的发送确认方法](/cn/insight/event/verify-firing.md)验一次，**记得在真机或模拟手机 UA 的环境下验**
* **事件要按设备分别设置** —— PC 版设的事件不会自动覆盖手机版

***

## 相关页面 <a href="#related-pages" id="related-pages"></a>

* [可视化事件设置方法](/cn/insight/event/setup.md)
* [事件的发送确认方法](/cn/insight/event/verify-firing.md)
* [热图的设置和管理](/cn/insight/setting/heatmap-management.md) — 热图抓取也可以按设备指定 UA