来自 奥门威尼斯网址 2019-10-10 00:13 的文章
当前位置: 威尼斯国际官方网站 > 奥门威尼斯网址 > 正文

移动端开发真机调试,移动端开发真机调试神器

移步端支付真机调节和测验神器

2016/09/07 · 基础技艺 · 3 评论 · 调试

正文作者: 伯乐在线 - 陈被单 。未经笔者许可,禁绝转发!
迎接插手伯乐在线 专栏撰稿人。

序言:博主抗尘走俗,找了十分久的真机调节和测量检验, 从老古董,weinre,到微信开垦者工具,到终极的browser-sync,最后这几个工具真的是雅观~

正文暗许前提:你已会动用gulp,npm,况且遇到已经搭好

序言:博主千里迢迢,找了相当久的 真机调节和测量检验, 从老古董,weinre,到微信开垦者工具,到最后的browser-sync,最终那一个工具 真的是眼睛一亮~

1.npm init

找到目录中的 package.json, 在文书中增多相关重视包

JavaScript

"dependencies": { "async-each-series": "^1.1.0", "connect-history-api-fallback": "^1.3.0", "weinre": "^2.0.0-pre-I0Z7U9OV" }

1
2
3
4
5
"dependencies": {
  "async-each-series": "^1.1.0",
  "connect-history-api-fallback": "^1.3.0",
  "weinre": "^2.0.0-pre-I0Z7U9OV"
}

[本篇博客暗中同意你已会选用gulp,npm~况且景况已经搭好]

2.npm install    安装相关正视文件

 

3.新建gulpfile.js文件,增添下边相关代码

  • 引进组件

JavaScript

var browserSync = require('browser-sync').create(); //自动同步

1
var browserSync = require('browser-sync').create();  //自动同步
  • 累加职务

JavaScript

gulp.task('browser-sync',function () { var files = [ '**/*.html', '**/*.css', '**/*.js' ]; //代理情势(本地服务器) browserSync.init(files,{ proxy: '', //此处依照项目其实目录填写 }); //本地静态文件 // browserSync.init(files, { // server: { // baseDir: './src' //该路径到html的公文夹目录 // } // }); });

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
gulp.task('browser-sync',function () {
    var files = [
        '**/*.html',
        '**/*.css',
        '**/*.js'
    ];
//代理模式(本地服务器)
    browserSync.init(files,{
        proxy: 'http://localhost:63342/nonghui/extend.html?_ijt=5d9fjooo2tdvvf1uh6tb8qmlma#/index',  //此处根据项目实际目录填写
    });
//本地静态文件
//     browserSync.init(files, {
//         server: {
//             baseDir: './src'   //该路径到html的文件夹目录
//         }
//     });
});

1.npm init      

找到目录中的 package.json, 在文件中增添相关注重包

1 "dependencies": {
2   "async-each-series": "^1.1.0",
3   "connect-history-api-fallback": "^1.3.0",
4   "weinre": "^2.0.0-pre-I0Z7U9OV"
5 }

本文由威尼斯国际官方网站发布于奥门威尼斯网址,转载请注明出处:移动端开发真机调试,移动端开发真机调试神器

关键词: