在JavaScript中，你可以通过检查浏览器的
userAgent字符串来判断用户是在PC（桌面设备）上打开页面还是在手机上（移动设备）打开。不过，需要注意的是，userAgent字符串可以被用户或浏览器插件修改，因此这种方法并不是100%可靠的。然而，对于大多数情况来说，它仍然是一个可行的解决方案。以下是一个基本的示例，展示了如何使用JavaScript来判断用户是在PC还是手机上访问网页：
function detectDevice () {// 获取userAgent字符串var userAgent = navigator.userAgent || navigator.vendor || window.opera// 使用正则表达式来检查userAgent字符串中是否包含某些关键字// 这些关键字通常与移动设备相关var mobile = /windows phone|iphone|ipad|ipod|android|blackberry|mini|windows ce|palm/i.test(userAgent.toLowerCase())if (mobile) {// 如果userAgent包含上述关键字之一，则认为是在移动设备上console.log('访问设备是移动设备')} else {// 否则，认为是在PC（桌面设备）上console.log('访问设备是PC（桌面设备）')}}// 调用函数detectDevice()这个示例中的正则表达式
/windows phone|iphone|ipad|ipod|android|blackberry|mini|windows ce|palm/i用于匹配常见的移动设备和操作系统。不过，由于设备和操作系统的多样性，这个列表可能并不完整。此外，一些桌面浏览器（如Chrome DevTools中的模拟移动设备功能）也可能包含这些关键字，这可能会导致误判。为了更准确地判断设备类型，你还可以考虑使用像
Mobile-Detect这样的库，这些库提供了更全面的设备检测功能，但需要注意的是，它们也是基于userAgent字符串进行判断的。另外，随着Web技术的发展，现代浏览器和Web应用越来越多地采用响应式设计（Responsive Design）和渐进式增强（Progressive Enhancement）的策略，以适应不同设备的屏幕尺寸和性能。因此，在很多情况下，你可能不需要直接判断用户是在PC还是手机上访问，而是应该通过CSS媒体查询（Media Queries）等技术来适应不同的设备和屏幕尺寸。