Google Chrome浏览器的开发工具如何模拟设备模式?如何使用扩展名复制它?

时间:2019-08-28 18:26:49

标签: google-chrome-extension responsive-design http-headers google-chrome-devtools emulation

我需要以移动模式打开Instagram,因为它仅在移动视图中显示“消息”选项卡。我想知道Chrome的功能,因此可以在Chrome扩展程序中复制它。

我已经注意到Google Chrome浏览器更新了用户代理。但是,我尝试了此操作,并将标头替换为“ Mozilla / 5.0(Linux; Android 6.0; Nexus 5 Build / MRA58N)AppleWebKit / 537.36(KHTML,如Gecko)Chrome / 76.0.3809.100 Mobile Safari / 537.36”,但这不是似乎足以让Instagram显示移动视图。我怀疑Google Chrome浏览器还有其他功能吗?Instagram是否有一些安全措施?

let mobileAgent = "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Mobile Safari/537.36";

chrome.webRequest.onBeforeSendHeaders.addListener(
  function(details) {
    for (var i = 0; i < details.requestHeaders.length; ++i) {
      if (details.requestHeaders[i].name === 'User-Agent') {
        details.requestHeaders[i].value = mobileAgent;
        j=i;
        break;
      }
    }
    return {requestHeaders: details.requestHeaders};
  },
  {urls: ["*://*.instagram.com/*"]},
["blocking", "requestHeaders"]);

使用上面的代码,我检查了标头,并确定它们正在使用移动代理,但Instagram仍然不显示消息选项卡。

0 个答案:

没有答案