在浏览器环境下，如何通过JS动态设置WebSocket的端口?

在浏览器环境下，由于同源策略的限制，WebSocket连接通常是固定的，即只能连接到当前网页所在的域名下的特定端口（通常是443对于HTTPS或80对于HTTP）。但是，如果你控制着WebSocket服务器，并且允许客户端通过URL传递端口号，可以在创建WebSocket实例时动态设置。

下面是一个简单的例子，假设你有一个WebSocket服务器监听所有端口的某个路径，你可以通过JavaScript的URL构造函数和`new WebSocket()`来动态指定端口：

var port = 8081; // 可以在这里更改动态端口
var wsUrl = 'ws://localhost:' + port + '/your-websocket-endpoint'; // 动态生成URL

// 创建WebSocket实例
var socket = new WebSocket(wsUrl);

socket.onopen = function (event) {
    console.log('Connected to the WebSocket server on port ', port);
};

socket.onmessage = function (event) {
    console.log('Message received:', event.data);
};

注意，这仅适用于服务器已接受这种形式的连接请求的情况，如果服务器不允许通过URL动态指定端口，那么这种方法就不可行。