黑月编译调用浏览器,浏览器调用神器,不到两秒打开!
编辑:浏览器知识1. 介绍:
黑月编译是一款优秀的编译工具,它能够将 HTML、CSS 和 JavaScript 等前端代码转化成更高效的代码,使得网页的加载速度更快,用户的体验更佳。而浏览器调用神器则是一款更为强大的工具,它让我们可以在不同的浏览器中快速打开网页,让开发调试更为高效。本文将介绍如何使用黑月编译调用浏览器,以及如何使用浏览器调用神器实现快速打开网页。
2. 黑月编译:
黑月编译是一个基于 Node.js 的命令行工具,安装方法十分简单,只需在控制台输入以下命令即可:
```
npm install -g gulp-cli
npm install -g hexo-cli
npm install -g pm2
```
安装完毕后,通过以下命令启动编译即可:
```
hexo g
```
黑月编译还支持实时编译的方式,只需在控制台输入以下命令:
```
hexo s
```
以上命令可以实时编译并启动一个本地服务器,以便于我们在本地进行开发调试。
3. 浏览器调用神器:
浏览器调用神器是一款基于 Node.js 的命令行工具,在安装后可以快速打开不同的浏览器,例如 Google Chrome、Firefox、Opera 等,让我们可以方便地在不同的浏览器中调试网页。
安装方法如下:
```
npm install -g browser-sync
```
安装完成后,在控制台输入以下命令启动浏览器调用神器:
```
browser-sync start --server
```
启动后,可以在控制台看到类似以下的输出:
```
[BS] Access URLs:
--------------------------------------
Local: http://localhost:3000
External: http://192.168.0.101:3000
--------------------------------------
UI: http://localhost:3001
UI External: http://192.168.0.101:3001
--------------------------------------
[BS] Serving files from: .
```
以上输出表示成功启动了浏览器调用神器,并且已经可以在本地的 3000 端口看到我们的网站内容。同时,我们也可以在浏览器中输入上述输出中的 Local 地址进行访问。
4. 如何使用:
使用黑月编译与浏览器调用神器非常简单,只需遵循以下步骤即可:
1. 在终端中输入以下命令启动黑月编译:
```
hexo s
```
2. 打开另一个终端,输入以下命令启动浏览器调用神器:
```
browser-sync start --server
```
3. 打开浏览器,输入上一步输出的 Local 地址即可访问我们的网页。
4. 如果需要在不同的浏览器中查看网页,只需在浏览器调用神器的控制台中输入命令即可:
```
browser-sync start --browser "Google Chrome"
```
上述命令表示打开 Google Chrome 浏览器并访问我们的网页。
5. 远程调试:
浏览器调用神器还支持远程调试,只需在启动时添加以下参数即可:
```
browser-sync start --server --tunnel --tunnel --name "mywebsite"
```
以上命令表示使用本地的 3000 端口,并通过 ngrok 创建一个公开的隧道访问我们的网页。此时,控制台会输出以下信息:
```
[BS] Proxying: http://localhost:3000
[BS] Access URLs:
--------------------------------------
Local: http://localhost:3000
External: http://mywebsite.ngrok.io
--------------------------------------
```
输出的 External 地址即为公网访问地址,我们可以将其分享给其他人进行远程调试。
6. 总结:
本文介绍了如何使用黑月编译调用浏览器、如何使用浏览器调用神器实现快速打开网页以及如何进行远程调试。以上方法均基于 Node.js 平台,操作简单、效率高。希望本文对您有所帮助!
文章TAG:黑月 编译 调用 浏览 黑月编译调用浏览器 不到两秒打开!加载全部内容