Chrome的DevTools能否以手机上实际大小显示网页？

是的，Chrome的DevTools可以以手机上实际大小显示网页。可以通过设置设备模式和缩放来实现。

以下是一个示例代码：

// 打开DevTools
chrome.devtools.panels.create("My Panel", null, "panel.html", function(panel) {
  // 创建一个选项卡
  var tab = chrome.devtools.inspectedWindow.tabId;
  // 切换到该选项卡
  chrome.devtools.network.onNavigated.addListener(function() {
    chrome.devtools.inspectedWindow.eval(
      'if (window.innerWidth !== 375 || window.innerHeight !== 667) {' +
        'chrome.devtools.inspectedWindow.eval(' +
          '("setTimeout(() => {' +
            'document.querySelector(\'[data-testid="devices-button"]\').click();' +
            'document.querySelector(\'[data-testid="devices-list-item-0"]\').click();' +
            'document.querySelector(\'[data-testid="devices-list-item-0"]\').click();' +
            'document.querySelector(\'[data-testid="devices-submenu-item-4"]\').click();' +
            'document.querySelector(\'[data-testid="devices-submenu-item-4"]\').click();' +
            'document.querySelector(\'[data-testid="devices-submenu-item-0"]\').click();' +
            'document.querySelector(\'[data-testid="devices-submenu-item-0"]\').click();' +
          '})")' +
      '}', function(result, exceptionInfo) {
        if (exceptionInfo) {
          console.log(exceptionInfo);
        }
    });
  });
});

这段代码会在DevTools中创建一个名为"My Panel"的面板。然后，在切换到选项卡时，它会检查当前窗口的宽度和高度是否为375和667（即iPhone 6/7/8的实际大小）。如果不是，它会通过模拟点击DevTools中的设备模式菜单和iPhone 6/7/8选项来将网页显示为实际大小。

请注意，这段代码只是一个示例，具体操作可能会因Chrome版本的不同而有所不同。您可能需要根据您的实际情况进行适当的调整和修改。