那些网站被k恢复是怎么做的,wordpress可视化编辑主题,淘宝客 备案 网站名称,呼和浩特网站建设费用Browsersync能让浏览器实时、快速响应您的文件更改#xff08;html、js、css、sass、less等#xff09;并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。 无论您是前端还是后端工程师#xff0c;使用它将提高您30%的工作效率。 MD5加密html、js、css、sass、less等并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。 无论您是前端还是后端工程师使用它将提高您30%的工作效率。 MD5加密 import crypto from crypto;
function md5(data) {let Buffer require(buffer).Buffer;let buf new Buffer(data);let str buf.toString(binary);return md5_ crypto.createHash(md5).update(str).digest(hex);
}工具自动刷新https://www.npmjs.com/package/browser-sync 中文网http://www.browsersync.cn/ Image.png 更多功能的加入完全免费。5分钟快速入门。 安装 Node.jsBrowserSync是基于Node.js的, 是一个Node模块 如果您想要快速使用它也许您需要先安装一下Node.js安装适用于Mac OSWindows和Linux。安装 BrowserSync您可以选择从Node.js的包管理NPM库中 安装BrowserSync。打开一个终端窗口运行以下命令npm install -g browser-sync3.当然您也可以结合gulpjs或gruntjs构建工具来使用在您需要构建的项目里运行下面的命令: npm install --save-dev browser-sync4.BrowserSync 将启动一个小型服务器并提供一个URL来查看您的网站。// --files 路径是相对于运行该命令的项目目录 browser-sync start --server --files css/*.css5.如果您需要监听多个类型的文件您只需要用逗号隔开。例如我们再加入一个.html文件// --files 路径是相对于运行该命令的项目目录 browser-sync start --server --files css/*.css, *.html如果你的文件层级比较深您可以考虑使用 **表示任意目录匹配任意目录下任意.css 或 .html文件。browser-sync start --server --files **/*.css, **/*.html7.如果您还没有使用gulp或grunt那么可以通过以上方式创建Browsersync Image.png 自动编译五分钟上手放在gulp里 1.初始化 npm initImage.png 2.安装gulp: npm i gulp --saveImage.png 3.安装 npm install browser-sync gulp --save-devImage.png Image.png
var gulp require(gulp);
var browserSync require(browser-sync).create();
var reload browserSync.reload;
// 静态服务器
// 设置静态目录
gulp.task(start, function() {browserSync.init({//设置静态目录server: {baseDir: ./static}});//监听某文件的改变gulp.watch(./static/*.html).on(change, reload);
});4.全部开启远程调试 Image.png Image.png 5.找到自己的IP地址 Image.png 6.操作笔记复杂 Image.png Image.png 7.以上若是原生调试不了 换一种 npm -g install weinreImage.png 官网http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html 1端口 2调试域名 3开始 调试 weinre --httpPort 9000 --boundHost -all- --debug trueImage.png 您不用在多个浏览器、多个设备间来回切换频繁的刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中这一切还可以通过可视化界面来控制 转载于:https://www.cnblogs.com/wangting888/p/9702143.html
