WhatsApp Web 在 electron 应用程序中不起作用（更新至 Google Chrome）

Question

I can't run whatsapp on my electron browser even after setting useragent to the latest chrome version if someone have solution please tell

Answer 1

It is necessary to remove:

ResponseHeader => "X-Frame-Options"

RequestHeader => "Sec-Fetch-Dest"

I think Whatsapp doesn't allow iframes, so you have to remove that information for it to work properly

In Main process

 const mainWindow = new BrowserWindow({ webPreferences: { nodeIntegration: true, contextIsolation: false, }, }); mainWindow.webContents.session.webRequest.onHeadersReceived( { urls: ['https://web.whatsapp.com/'] }, (details: any, callback) => { if (details && details.responseHeaders['X-Frame-Options']) { delete details.responseHeaders['X-Frame-Options']; } else if (details.responseHeaders['x-frame-options']) { delete details.responseHeaders['x-frame-options']; } callback({ cancel: false, responseHeaders: details.responseHeaders }); }); mainWindow.webContents.session.webRequest.onBeforeSendHeaders( { urls: ['https://web.whatsapp.com/'] }, (details, callback) => { details.requestHeaders['User-Agent'] = userAgent; details.requestHeaders['Access-Control-Allow-Origin'] = '*'; if (details.requestHeaders['Sec-Fetch-Dest']) { delete details.requestHeaders['Sec-Fetch-Dest']; } callback({ cancel: false, requestHeaders: details.requestHeaders }); });

In Remote process

 <iframe src="https://web.whatsapp.com/" />

Answer 2

You can use different user agent like this:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) old-airport-include/1.0.0 Chrome Electron/7.1.7 Safari/537.36