新指定浏览器打开页面

function jump(){
            var objShell = new ActiveXObject("wscript.shell"); 
//          var cmd= "cmd /c start C:/\"Program Files (x86)\"/Google/Chrome/Application/chrome.exe \"http://www.baidu.com\"";
            var cmd= "cmd /c start C:/\"Program Files (x86)\"/Google/Chrome/Application/chrome.exe \"http://localhost:8082/#/pages/index/indexWeb\"";
            objShell.Run(cmd,0,true);       
        }

在使用 Webpack 时,可以通过配置 `webpack-dev-server` 来实现修改代码后自动重编译,并且在启动开发服务器时自动打开默认浏览器访问指定页面。以下是实现这一功能的详细配置方式。 ### 配置自动打开浏览器 要实现 Webpack 在启动开发服务器时自动打开浏览器,可以通过 `webpack-dev-server` 提供的 `open` 选项来完成。默认情况下,它会使用系统默认浏览器打开页面。以下是配置示例: ```javascript const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, devServer: { static: { directory: path.join(__dirname, 'dist'), }, open: true, // 自动打开浏览器 port: 8080, // 指定开发服务器运行的端口号 hot: true // 启用热更 } }; ``` 上述配置中,`open: true` 表示启用自动打开浏览器的功能。默认情况下,它会打开服务器的根路径(例如:`http://localhost:8080`)。 ### 指定打开特定页面 如果希望打开特定页面而不是根路径,可以使用 `openPage` 选项来指定路径。例如: ```javascript devServer: { static: { directory: path.join(__dirname, 'dist'), }, open: true, openPage: 'my-page', // 打开 http://localhost:8080/my-page port: 8080 } ``` 这样,开发服务器启动时会自动打开 `http://localhost:8080/my-page` 页面。 ### 使用 `opn` 插件自定义浏览器行为 除了使用 `webpack-dev-server` 提供的 `open` 功能外,还可以结合 `opn` 插件进行更灵活的控制。例如,在 `webpack.config.js` 中引入 `opn`,并在 `after` 钩子中自定义打开逻辑: ```javascript const opn = require('opn'); module.exports = { // ...其他配置 devServer: { static: { directory: path.join(__dirname, 'dist'), }, port: 3000, after() { opn(`http://localhost:3000/my-page`); // 自定义打开页面 } } }; ``` ### 指定使用特定浏览器 `opn` 插件还支持指定使用的浏览器,例如: ```javascript opn('http://localhost:3000', { app: 'chrome' }); // 强制使用 Chrome 打开 ``` 支持的浏览器名称包括 `'chrome'`, `'firefox'`, `'safari'`, `'edge'` 等[^3]。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值