IE11本地file://协议Web应用获取串口数据技术方案咨询

针对你在IE11中运行本地file://协议的Web应用，需要接收Windows代理转发的串口原始数据的需求，我整理了几个可行的实现方案，结合IE11的特性和限制来适配：

一、先解决IE11的核心限制：本地文件的网络访问权限 #

IE11默认会阻止file://协议的本地Web页面发起对本地HTTP/WebSocket服务的请求，所以第一步必须调整IE的安全设置：

• 打开IE11的「Internet选项」
• 切换到「安全」标签，选中「本地Intranet」区域，点击「自定义级别」
• 找到「其他」分类下的**「允许来自文件的跨域访问」**，设置为「启用」
• 同时确保「允许脚本初始化的窗口，不受大小或位置限制」「允许通过脚本进行粘贴操作」等脚本相关权限处于启用状态，避免后续代码执行被拦截

二、方案1：使用XMLHttpRequest定时轮询（兼容IE11基础场景） #

如果你的代理提供HTTP接口来返回串口数据，可以用IE11支持的XMLHttpRequest进行定时轮询，实现数据接收：

// 定义轮询函数，假设代理监听在 localhost:8080/serial-data 接口
function fetchSerialData() {
    const xhr = new XMLHttpRequest();
    
    xhr.onreadystatechange = function() {
        // 请求完成且成功
        if (xhr.readyState === 4 && xhr.status === 200) {
            const rawSerialData = xhr.responseText;
            // 这里处理接收到的原始串口数据，比如展示、解析
            console.log("收到串口数据：", rawSerialData);
            // 1秒后发起下一次轮询，可根据需求调整间隔
            setTimeout(fetchSerialData, 1000);
        } 
        // 请求失败时重试
        else if (xhr.readyState === 4) {
            console.warn("请求串口数据失败，将在2秒后重试");
            setTimeout(fetchSerialData, 2000);
        }
    };
    
    // 打开GET请求，异步模式
    xhr.open("GET", "http://localhost:8080/serial-data", true);
    // 如果代理需要特定请求头，可在此添加
    // xhr.setRequestHeader("Accept", "text/plain");
    xhr.send();
}

// 启动轮询
fetchSerialData();

如果代理返回的是二进制原始数据，需要调整XHR的响应类型：

xhr.responseType = "arraybuffer";
// 在readyState===4时处理
const rawData = new Uint8Array(xhr.response);
console.log("二进制串口数据：", rawData);

三、方案2：使用WebSocket实时接收（更高效的实时场景） #

如果你的代理支持WebSocket协议，推荐用这种方式实现实时数据推送，IE11原生支持标准WebSocket（ws协议）：

let serialWebSocket;

function connectSerialWebSocket() {
    // 代理的WebSocket地址，比如 ws://localhost:8080/serial-ws
    serialWebSocket = new WebSocket("ws://localhost:8080/serial-ws");
    
    // 设置二进制数据类型（如果代理发送二进制串口数据）
    serialWebSocket.binaryType = "blob";
    
    serialWebSocket.onopen = function() {
        console.log("WebSocket连接成功，开始接收实时串口数据");
    };
    
    serialWebSocket.onmessage = function(event) {
        if (typeof event.data === "string") {
            // 处理字符串格式的串口数据
            console.log("实时串口数据（字符串）：", event.data);
        } else if (event.data instanceof Blob) {
            // 处理二进制格式的串口数据
            const reader = new FileReader();
            reader.onload = function() {
                const buffer = new Uint8Array(reader.result);
                console.log("实时串口数据（二进制）：", buffer);
            };
            reader.readAsArrayBuffer(event.data);
        }
    };
    
    serialWebSocket.onerror = function(error) {
        console.error("WebSocket连接出错：", error);
    };
    
    serialWebSocket.onclose = function() {
        console.log("WebSocket连接断开，3秒后尝试重连");
        setTimeout(connectSerialWebSocket, 3000);
    };
}

// 启动WebSocket连接
connectSerialWebSocket();

四、关键注意事项 #

• 代理必须监听本地地址（localhost或127.0.0.1），如果使用本机局域网IP，可能触发IE的跨域限制
• 测试时确保代理服务已经正常启动，并且端口没有被防火墙拦截
• 如果遇到IE提示“已阻止此网站显示有安全证书错误的内容”，可以在地址栏的警告提示中选择“显示内容”，或者给本地代理配置自签名证书并添加到IE的信任根证书列表

内容的提问来源于stack exchange，提问作者Abbadon771