电子 webview 可以将鼠标事件转换为触摸事件吗？

Question

我想在桌面环境中模拟移动设备。我找不到将鼠标事件转换为触摸事件的参数。

我该如何处理这份工作？任何提示都会很棒。非常感谢。

Answer 1

我想我想通了。开发环境：

• 节点 7.4.0
• 铬 54.0.2840.101
• 电子 1.5.1

    const app = electron.app 
    const BrowserWindow = electron.BrowserWindow

    让主窗口；
    函数创建窗口（）{

      主窗口 = 新浏览器窗口（{
        宽度：1024，
        身高：768，
        框架：假，
        x: -1920,
        y: 0,
        自动隐藏菜单栏：真，
        图标：'assets/icons/win/app-win-icon.ico'
      });

      尝试 {
        // 也适用于 1.1
        mainWindow.webContents.debugger.attach('1.2')
      } 抓住（错误）{
        console.log('调试器连接失败：', err)
      }

      const isDebuggerAttached = mainWindow.webContents.debugger.isAttached()
      console.log('附加调试器？', isDebuggerAttached)

      mainWindow.webContents.debugger.on('detach', (event, reason) => {
        console.log('调试器分离由于：', 原因)
      });

      // 这就是魔法发生的地方！
      mainWindow.webContents.debugger.sendCommand('Emulation.setTouchEmulationEnabled', {
        启用：真，
        配置：“移动”，
      });

      mainWindow.loadURL(url.format({
        路径名：path.join(__dirname, 'index.html'),
        协议：'文件：'，
        斜线：真的，
        显示：假，
        背景颜色：'#8e24aa'，
      }));

      // 当主窗口加载并准备好显示时显示它
      mainWindow.once('准备展示', () => {
          mainWindow.show()
      })
    }

    // 监听应用准备就绪
    app.on('ready', createWindow);