来自 软件资讯 2019-10-01 08:18 的文章
当前位置: 威尼斯国际官方网站 > 软件资讯 > 正文

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

挪动端支出真机调节和测量检验神器

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 }

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

关键词: