能否修改iframe的User Agent？实现桌面端加载移动端网站

核心结论 #

目前主流浏览器（Firefox、Safari、Chrome等）已经完全禁止通过前端代码修改iframe的User Agent，旧方案失效源于浏览器出于安全和规范考量，收紧了UA修改权限：

• navigator.userAgent属性被设为只读，无法通过脚本篡改；
• 跨域场景下，父页面完全无法干预iframe的请求头（包括UA）；
• 同源场景下，浏览器也限制了对iframe请求UA的修改能力，防止恶意伪造请求。

针对你的需求（简化移动端网站访问+开发测试），推荐以下可行方案 #

• 使用浏览器内置设备模拟工具
  这是最便捷的方式：Chrome DevTools的「设备工具栏」、Firefox的「响应式设计模式」、Safari开发者工具的「用户代理」选项，都能一键切换到iPhone等移动设备的UA，同时还能模拟屏幕尺寸、触摸事件、网络环境，完全满足移动端开发测试需求，比iframe方案实用得多。
• 安装UA切换浏览器插件
  各类「User-Agent Switcher」插件支持全局或针对特定域名设置UA，访问m.example.com时自动切换到iPhone的UA，无需每次手动打开开发者工具。
• 使用代理工具修改请求头
  若需批量测试或更灵活的UA控制，可使用Charles、Fiddler这类代理工具，在请求拦截时修改UA头，所有请求（包括iframe加载的内容）都会使用修改后的UA，适合复杂开发测试场景。
• 自建服务端代理（适合开发场景）
  搭建简单的Node.js或Nginx代理服务，转发m.example.com请求时手动修改UA头，再在页面iframe中加载代理后的地址。这种方式能确保iframe拿到指定UA，但需自行维护代理服务。

内容的提问来源于stack exchange，提问作者l008com