【Nodejs】Browsersync同步浏览器测试

最新推荐文章于 2022-07-27 17:06:46 发布
最新推荐文章于 2022-07-27 17:06:46 发布
阅读量118 收藏
点赞数
文章标签： ui
原文链接：http://www.cnblogs.com/smilexumu/p/8434595.html
版权

说明文档：http://www.browsersync.cn/docs/

 

安装命令：

①全局安装 

npm install -g browser-sync

②局部/本地安装 

npm install browser-sync --save-dev

③查看安装成功否(版本号) 

browser-sync --version


若系统却提示你“找不到该命令，无效命令”，这个问题是由于环境变量里node路径存在问题，尝试查看一下环境变量里node的路径。
配置环境变量教程
 
④启动 BrowserSync
http://caibaojian.com/browser-sync.html

    browser-sync start





 

转载于:https://www.cnblogs.com/smilexumu/p/8434595.html

ansem0444
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个不到200行代码nodejs和浏览器的javascript测试工具
08-07
一个少于 200 行代码的 JavaScript 测试工具，适用于 NodeJS 和浏览器。 特性 零配置 没有全局，只是一个提供两个方法 api 的函数 异步测试 并行性 快速 对浏览器友好。
NodeJS实现同步的方法
01-02
NodeJS被打上了单线程、非阻塞、事件驱动…..等标签。 在单线程的情况下，是无法开启子线程的。经过了很久的研究，发现并没有thread函数！！！但是有时候，我们确实需要“多线程”处理事务。nodeJS有两个很基础的api...
nodejs浏览器调试
sun007700的专栏
01-25 273
Nodejs代码单步调试(node-inspector+谷歌浏览器) https://www.zhaokeli.com/article/7970.html npminstall-gnode-inspector
在浏览器端调试Node.js代码
weixin_52091965的博客
07-27 1189
在浏览器端调试Node.js代码
省时的浏览器同步测试工具 browsersync NodeJS
weixin_34122810的博客
10-07 75
http://www.browsersync.cn/ 省时的浏览器同步测试工具 Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当...
使用node进行简单模块化demo测试
wangshengfei
11-09 668
首先前不久用gulp+babel搭建了将ES6转换成ES5的环境，以后可以开心的写ES6而且不怕浏览器不支持了。 但是今天看了深入浅出ES6的模块化，想要在浏览器中用一下模块化，现代浏览器都不支持，因此只能用我的小工具gulp+babel转换了。转换之后想要在浏览器效果，结果浏览器不支持，出现了Uncaught ReferenceError: require is not defined(…)错
Browsersync浏览器同步测试工具-浏览器兼容性测试工具.docx
09-13
Browsersync是一款强大的浏览器同步测试工具，专为前端开发者设计，用于解决在多浏览器和多设备间进行实时代码同步的问题。它能够实时监控并自动刷新HTML、CSS、JS、LESS等文件，极大地提高了开发效率，避免了手动...
nodejs用户同步
05-13
nodejs用户同步，里面包含excel批量导入代码，提供了写法，做参考
Nodejs的测试方法
03-23
写Nodejs也有几个月了，但是一直都没有关注过Nodejs的自动化测试。之前在学习JavaSwing的时候，也研究过几个不同的GUI自动化测试框架，比如:Abbot，可以实现自动化点击界 本文是对众多博客的学习和总结，...
thomud:使用 NodeJS 的基于浏览器的 MUD 游戏服务器
06-15
图穆德使用 NodeJS 的基于浏览器的 MUD 游戏服务器变更日志v0.1 第一次发布。 基本引擎完成（移动、聊天和扭曲）。 带有地图、聊天、坐标和附近人员列表的真正基本用户界面。安装和运行服务器要安装 thomud 服务器，...
使用Chrome浏览器调试nodejs代码
zhouzying的博客
08-09 3994
今天给大家分享一下在chrome浏览器上调试nodejs代码的步骤。下面是操作： 第一步，在命令行输入调试命令： node --inspect-brk app.js 这是调试命令的一些参数（来自官网的）： Command-line options The following table lists the impact of various runtime flags on deb...
用浏览器来调试node代码
老夫风清扬的博客
05-16 1892
作为前端开发，对于浏览器的调试我想大家都比较熟悉了。但是在开发node这种运行在服务器的javascript那又该如何调试呢？像平时一样直接console.log() ？ 或者来个alert() ?这些是行不通的，console.log的信息你不能直接像开发页面一样，可以在浏览器的控制台看到。alert()那是浏览器的方法，所以也是用不了。那有的人会说，断点调式想必也走不通了吧？ 今天我就来分享...
NodeJs代码调试1（inspector+chrome） 实现谷歌浏览器调试后台nodejs代码
火焰
05-01 3909
环境：node 10、 谷歌浏览器参照：https://segmentfault.com/a/1190000012155919第一步：安装inspectornpm install -g node-inspector如果遇到错误：改用下面的命令：npm install -g node-inspector@0.7.5第二步：编写server.js文件'use strict'; var http = r...
Nodejs代码用Chrome浏览器调试教程
热门推荐
AdleyTales的技术博客
06-13 1万+
Nodejs 代码用chrome浏览器调试工具调试 2016年，Node 决定将 Chrome 浏览器的”开发者工具”作为官方的调试工具，使得 Node 脚本也可以使用图形界面调试，这大大方便了开发者。 新建一个nodejs简单项目 npm install koa koa-router -D 新建app.js入口文件 const Koa = require('...
node实现自启动浏览器打开某网址
sleepwalker_1992的专栏
11-06 8667
方法一、利用child_process.exec() child_process是node.js的内置模块 var c = require('child_process'); // 使用默认浏览器打开 c.exec('start http://www.baidu.com'); // 使用指定浏览器打开 c.exec('start firefox http://www.baidu.com');...
nodejs打开默认浏览器
Z网球的博客
01-14 5249
//打开默认浏览器 const openDefaultBrowser = function (url) { var exec = require('child_process').exec; console.log(process.platform) switch (process.platform) { case "darwin": exec('open ' + ...
Node.js 单元测试：我要写测试 - Mocha - Nodejs开源项目里怎么样写测试、CI和代码测试覆盖率
liangxw1的专栏
10-23 5704
--------------------------------------------- //先了解一下nodejs的单元测试 Node.js 单元测试：我要写测试:  http://taobaofed.org/blog/2015/12/10/nodejs-unit-tests/ nodejs单元测试ppt： http://html5ify.com/unittestin
Nodejs Browser-sync修改文件浏览器同步刷新
lihefei_coder的博客
03-20 1202
安装 npm install -g browser-sync 启动 如果想要监听.html文件, 需要使用服务器模式。 BrowserSync 将启动一个小型服务器，并提供一个URL来查看网站。 监听单个文件，在当前目下输入以下命令 browser-sync start --server --files "css/*.css" 监听多个文件，在当前目下输入以下命令 // --files 路径...
nodejs怎么在浏览器中使用
最新发布
06-06
在浏览器中使用Node.js代码需要借助一些工具，这里介绍两种常用的方案。 1. 使用Browserify Browserify是一个将Node.js模块编译成浏览器可识别的JavaScript文件的工具。使用Browserify，可以在浏览器中直接使用Node.js模块。 首先，需要在Node.js中安装Browserify： ``` npm install -g browserify ``` 然后，在Node.js中编写代码，例如： ``` // mymodule.js module.exports = function(name) { console.log('Hello, ' + name + '!'); }; ``` 接着，在命令行中使用Browserify将代码编译成浏览器可识别的文件： ``` browserify mymodule.js -o bundle.js ``` 最后，在HTML文件中使用编译后的文件： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Node.js in Browser</title> </head> <body> <script src="bundle.js"></script> <script> var mymodule = require('./mymodule'); mymodule('World'); </script> </body> </html> ``` 这样，在浏览器中打开HTML文件就可以看到控制台输出了`Hello, World!`。 2. 使用Webpack Webpack是一个可以打包JavaScript模块的工具。使用Webpack，可以将多个模块打包成一个文件，避免了在HTML文件中引入多个JavaScript文件的问题。 首先，需要在Node.js中安装Webpack： ``` npm install -g webpack ``` 然后，在Node.js中编写代码，例如： ``` // mymodule.js module.exports = function(name) { console.log('Hello, ' + name + '!'); }; ``` 接着，在命令行中使用Webpack将代码打包成浏览器可识别的文件： ``` webpack mymodule.js bundle.js ``` 最后，在HTML文件中使用打包后的文件： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Node.js in Browser</title> </head> <body> <script src="bundle.js"></script> <script> var mymodule = require('./mymodule'); mymodule('World'); </script> </body> </html> ``` 这样，在浏览器中打开HTML文件就可以看到控制台输出了`Hello, World!`。 总的来说，使用Browserify或Webpack可以在浏览器中直接使用Node.js模块，但需要注意的是，在浏览器中使用Node.js代码可能会有一些限制，例如无法访问操作系统的文件系统等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值