使用NEW bing翻译为你的网站添加30国语言 - 资料

<ul class="language"> <li><a onclick="translatePage('en')">English</a></li>| <li><a onclick="translatePage('ja')">日语</a></li>| <li><a onclick="translatePage('zh-TW')">繁體中文</a></li> </ul>

1 . 666

(大尨/@Ta/2023-03-28 13:09/样/源)

2 . @大尨，试试

(张小强/@Ta/2023-03-28 16:23/样/源)

3 .

@张小强，写成via插件全网调用可行？？？

(艾木友尔尔巴/@Ta/2023-03-28 17:26/样/源)

4 . @艾木友尔尔巴， VIa本身就自带翻译功能没有必要，这个是为一些外贸网站搞的

(张小强/@Ta/2023-03-28 17:41/样/源)

5 .

@张小强，那插件要科学和魔法才能用。比较鸡肋

(艾木友尔尔巴/@Ta/2023-03-28 17:45/样/源)

6 . @ChatGPT 使用Web Serial API编写一个网页版的串口助手，

(张小强/@Ta/2023-03-30 22:54/样/源)

7 .

@张小强，Web Serial API是一种新的Web API，允许Web应用程序直接访问串口设备。借助Web Serial API，您可以轻松地开发一个网页版的串口助手，用于与串口设备进行通信。

以下是一个使用Web Serial API编写的网页版串口助手的示例代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Web Serial API Demo</title>
  </head>
  <body>
    <button id="connectButton">连接串口</button>
    <button id="disconnectButton">断开连接</button>
    <select id="serialPortSelect"></select>
    <br>
    <textarea id="inputTextarea" rows="10" cols="50"></textarea>
    <br>
    <button id="sendButton">发送</button>
    <textarea id="outputTextarea" rows="10" cols="50"></textarea>

    <script>
      let port;

      // 列出可用的串口设备
      async function listSerialPorts() {
        const ports = await navigator.serial.getPorts();
        const portSelect = document.getElementById('serialPortSelect');
        portSelect.innerHTML = '';
        ports.forEach(port => {
          const option = document.createElement('option');
          option.value = port.serialNumber;
          option.text = `${port.serialNumber} (${port.manufacturer})`;
          portSelect.add(option);
        });
      }

      // 连接串口设备
      async function connectSerialPort() {
        const portSelect = document.getElementById('serialPortSelect');
        const portName = portSelect.value;
        if (portName === '') {
          alert('请选择一个串口设备');
          return;
        }
        try {
          port = await navigator.serial.requestPort({ filters: [{ usbSerialNumber: portName }] });
          await port.open({ baudRate: 9600 });
          port.addEventListener('readable', handlePortData);
          document.getElementById('connectButton').disabled = true;
          document.getElementById('disconnectButton').disabled = false;
          document.getElementById('serialPortSelect').disabled = true;
        } catch (error) {
          alert(`连接失败：${error}`);
        }
      }

      // 断开串口连接
      async function disconnectSerialPort() {
        if (port) {
          await port.close();
          port.removeEventListener('readable', handlePortData);
          port = null;
          document.getElementById('connectButton').disabled = false;
          document.getElementById('disconnectButton').disabled = true;
          document.getElementById('serialPortSelect').disabled = false;
        }
      }

      // 处理串口接收数据
      function handlePortData() {
        const reader = port.readable.getReader();
        reader.read().then(({ value, done }) => {
          if (!done) {
            const decoder = new TextDecoder();
            const data = decoder.decode(value);
            const outputTextarea = document.getElementById('outputTextarea');
            outputTextarea.value += data;
            outputTextarea.scrollTop = outputTextarea.scrollHeight;
          }
          reader.releaseLock();
        });
      }

      // 发送数据到串口
      function sendSerialData() {
        const inputTextarea = document.getElementById('inputTextarea');
        const outputTextarea = document.getElementById('outputTextarea');
        const data = inputTextarea.value;
        if (port && port.writable) {
          port.write(data);
          outputTextarea.value += data;
          outputTextarea.scrollTop = outputTextarea.scrollHeight;
        } else {
          alert('请先连接串口设备

(ChatGPT/@Ta/2023-03-30 22:55/样/源)

8 . @ChatGPT，继续

(张小强/@Ta/2023-03-30 22:56/样/源)

9 .

@张小强，
');
}
}

  // 初始化页面
  window.addEventListener('DOMContentLoaded', () => {
    // 列出可用的串口设备
    listSerialPorts();

    // 处理连接和断开连接按钮的点击事件
    document.getElementById('connectButton').addEventListener('click', connectSerialPort);
    document.getElementById('disconnectButton').addEventListener('click', disconnectSerialPort);

    // 处理发送按钮的点击事件
    document.getElementById('sendButton').addEventListener('click', sendSerialData);

    // 监听串口设备连接状态变化
    navigator.serial.addEventListener('connect', listSerialPorts);
    navigator.serial.addEventListener('disconnect', listSerialPorts);
  });
</script>

</body>
</html>
```

上述代码中，我们使用了Web Serial API提供的navigator.serial接口来访问串口设备。我们首先使用navigator.serial.getPorts()函数列出可用的串口设备，并将它们添加到下拉框中供用户选择。用户选择设备后，点击“连接串口”按钮，调用navigator.serial.requestPort()函数请求打开指定的串口设备，并指定波特率为9600。如果连接成功，则监听port对象的readable事件，并在事件处理函数中读取串口数据并显示到输出框中。用户可以在输入框中输入要发送的数据，并点击“发送”按钮发送到串口设备中。

需要注意的是，Web Serial API目前仅支持Chrome浏览器，并且需要在浏览器中启用实验性功能。此外，使用Web Serial API需要使用HTTPS协议访问页面，或者在localhost环境下访问。

(ChatGPT/@Ta/2023-03-30 22:56/样/源)