Javascript 如何使我的电子应用程序表现得像移动设备

例如，访问instagram.com/direct/inbox/会出现404错误，但当您打开开发工具的“设备工具栏”并选择移动设备时，instagram会显示DMs页面

我正试图在一个小的电子应用程序中实现这一点，我已经尝试将用户代理设置为ipad/samsung，但instagram仍然检测到它不是真正的设备，并且仍然将我重定向到主页

这是我的代码：

const{app，BrowserWindow，session}=require（'electron'））
const path=require（'路径'）
函数createWindow（）{
const main window=新浏览器窗口({
宽度：400，
身高：850，
})
session.defaultSession.webRequest.onBeforeSendHeaders（（详细信息，回调）=>{
details.requestHeaders['User-Agent']='Mozilla/5.0（Linux；Android 6.0；Nexus 5 Build/MRA58N）AppleWebKit/537.36（KHTML，比如Gecko）Chrome/80.0.3987.106 Mobile Safari/537.36'；
回调（{cancel:false，requestHeaders:details.requestHeaders}）；
});
mainWindow.loadURL（'https://instagram.com/direct/inbox')
}
应用程序打开（'ready'，createWindow）
//关闭所有窗口后退出。
应用程序打开（'window-all-closed'，函数（）{
if（process.platform！=“darwin”）app.quit（）
})
应用程序打开（'激活'，功能（）{
如果（BrowserWindow.getAllWindows（）.length==0）createWindow（）
})

---

我遗漏了什么吗？

阅读文档

webContents

方法

试试看，这对我很有效

  mainWindow = new BrowserWindow({width: 412, height: 732, title: 'Instagram Desktop'})

  // and load the index.html of the app.
  mainWindow.webContents.setUserAgent("Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko; googleweblight) Chrome/38.0.1025.166 Mobile Safari/535.19");
  mainWindow.loadURL('https://instagram.com/direct/inbox')

---

创建于

阅读文档

网络内容

方法

试试看，这对我很有效

  mainWindow = new BrowserWindow({width: 412, height: 732, title: 'Instagram Desktop'})

  // and load the index.html of the app.
  mainWindow.webContents.setUserAgent("Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko; googleweblight) Chrome/38.0.1025.166 Mobile Safari/535.19");
  mainWindow.loadURL('https://instagram.com/direct/inbox')

---

创建于

刚刚尝试过这个，但仍然不起作用。我认为这不仅仅是用户代理的改变。js在本地进行了一些验证，因为我可以看到DM屏幕打开一小部分秒，然后将我重定向到主页。我刚刚尝试了这个，但仍然不起作用。我认为这不仅仅是用户代理的改变。js在本地进行了一些验证，因为我可以看到DM屏幕打开了几秒钟，然后将我重定向到主页