VS Code真机测试步骤 前提:你的电脑跟你的手机是在同一个网络环境下.电脑连手机热点: 1． 在扩展里搜索live server,下载安装: 2． 打开cmd 命令窗口(快捷键是win+r): 输入ipconfig:复制 ipv4址,同步 vscode中的Live Server中的host .重启你的vs code: 3. 将要测试的页面用vscode打开,运行底部的Go Live: 4. 在Google拓展程序里搜索The QR Code Extension,安装此拓展程序,可以很方便的为

由于有时候谷歌手机调试与真是的手机环境还是有一定的差距,所以需要在手机上测试项目. 手机上测试vue-cli构建项目方法: 打开项目config/index.js文件,找到module.exports配置里面的dev配置,修改host值: 方法一: 修改host值为0.0.0.0(推荐) 这样就可以通过ip和localhost两种方式访问项目:http://localhost:8080 或者 http://10.177.16.31:8080 方法二: 修改host值为自己的ip 这样只能通过ip

这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传. 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi: b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以: 2.查询本地IP地址 WIN+R,输入cmd回车,打开命令提示符,输入ipconfig,查看本地IPv4: 3.修改本地项目中IP地址 找到项目中config文件夹,下面index.js文件打开: 找到host: ‘localhost’, 改为上面

大家好,今天讲一下Hbuilder怎样与svn连接在一起,并且在移动端上面做真是的页面测试. 1,打开Hbuilder软件,在工具中,安装插件,找到svn插件安装. 2.点击文件,导入,从svn中检测,创建新的资源库位置,输入svn地址,作为工作空间项目检出,然后创建即可. 这样就配置好svn了,页面随时做更改,文件夹右击,版本控制,updata或者提交最新文件即可. 在运行中,点击web服务器,内置web服务器换成192.168.xx.xx,然后重新启动Hbuilder,页面预览,把网址直接发

又得提到我熟悉的12月份末尾,依旧想着把自己遇到的问题给大家看看,顺便分享我的解决办法. 看过我第一个发的随笔就知道,我遇到过给项目app打包成apk的问题啊,虽然解决了,但是运行到手机上 就又出现了用户无法登陆的问题. 我虽然解决了,但是原理不知道,所以希望各位看了我的这篇随笔后,还是百度下,多学习学习原因. 我的解决办法是(也是在百度上搜到的额): 1.在你的项目里的,app里的,res的里面,新建一个文件夹,取名为xml. 然后啊,在这个文件夹里新建 XML resource file啊,

用vue-cli构建的项目有时候有些功能需要在手机上测试,比如上传图片的时候调用手机拍照功能或者查看相册的功能,这个时候就要用到手机测试了,那么如何在手机上查看测试vue-cli构建的项目?今天就写一写具体步骤. 1:打开cmd,命令行运行 ipconfig,得到本机的ip地址: 2:得到ipv4值, 用该值替换localhost 例如 localhost:8080 替换成 192.168.1.101:8080 3:找到config文件夹下的index.js文件,打开后,将host的值改为我本地

最近在做一个微信端的项目,快到接近尾声的时候,发现还没放入音频,于是乎,放入音频,在电脑端测试一切正常,无阻碍. 后来在手机上测试,发现背景音乐不能播放,于是开始找错,刚开始以为是IIS服务器出错,结果经过各种测试,发现不是IIS的问题,继续找错,又以为是标签使用不当,然后当时利用html4的object 和embd标签代替,embd标签能播放声音,但是却有许多bug,总之各种舒服. 于是,经过多方询问,以及百度,最后才知道,原来是手机上的浏览器对音频.视频的自动播放功能在去年的九月底就已经屏蔽

最近在维护ionic+angular的项目,在浏览器使用下拉框的时候调试的时候,一切正常. 但是在手机上测试的时候,遇到这个问题. 我使用的版本是ionic1.3.1,不知道新版本有没有解决这个bug. 解决方法:在父级元素上加一个属性 :data-tap-disabled="true" 参考 http://ionicframework.com/docs/v1/api/page/tap/ <div class="item item-input item-select&q

vue.js学习之 如何在手机上查看vue-cli构建的项目 一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目 二:输入ip和端口号打开项目 三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看了. 注意:扫描后浏览器会有一个提示信息,点击访问原网页就行了 后续更新: 2017/12/20更新,新版vue-cli,部分手机浏览器访问白屏: 将config/index.js  的devtool: 'eval

参考:http://www.browsersync.cn/#install 首先全局安装BrowserSync : npm install -g browser-sync 其次在项目文件夹下运行: browser-sync start --server --files "css/*.css, *.html" 用以监听css和html文件,该文件夹下最好有index命名的html文件 运行完成后会跳出如下页面: 我的url是我自己已经设置好了的,显示的是电脑ip,地址栏默认其实是显示lo

Logs Viewer 功能描述 Using this tool you can easily check your editor console logs inside the game itself! No need to go back to the project and do any tests to track the problems! 使用此工具,不管在手机或者Unity Editor中,你都可以很容易地检查/查看游戏输出的日志,而不需要回到项目和做任何测试跟踪问题!(开源免费)

Logs Viewer 功能描述 Using this tool you can easily check your editor console logs inside the game itself! No need to go back to the project and do any tests to track the problems! 使用此工具,不管在手机或者Unity Editor中,你都可以很容易地检查/查看游戏输出的日志,而不需要回到项目和做任何测试跟踪问题!(开源免费)

transform:rotate 属于简单好用的效果,但在手机上显示时,会有比较明显锯齿. 解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决. 原理没去深究,理论上是矢量跟位图的处理不一样,这个方案也有个小问题 就是图片变小了 ^_^ 可以用手机看看demo http://labs.aoao.org.cn/demo/transform-rotate/ update: 大家反应这方案在电脑上反而会出问题. 我测试了个新的方案rotate3

AngularJS官方网站提供了一个用于学习的示例项目:PhoneCat.这是一个Web应用,用户可以浏览一些Android手机,了解它们的详细信息,并进行搜索和排序操作. 对于PhoneCat项目的开发环境和测试环境的搭建,官方网站上提供了详细的指导:http://docs.angularjs.org/tutorial. 获取源代码 PhoneCat项目的源代码托管在GitHub上,因此获取源代码之前需要安装Git (http://git-scm.com/download).安装Git后,可以

AngularJS官方网站提供了一个用于学习的示例项目:PhoneCat.这是一个Web应用,用户可以浏览一些Android手机,了解它们的详细信息,并进行搜索和排序操作. 获取源代码 PhoneCat项目的源代码托管在GitHub上,因此获取源代码之前需要安装Git.安装Git后,可以通过git clone来下载源代码: git clone --depth=14 https://github.com/angular/angular-phonecat.git –depth=14选项的意思为:仅下

引言 用Qt程序在手机上显示一幅图片对编程人员来说是再基础不过的一件事情了.那么先让大家看两段代码: //dangerous should not be used, cannot display earth.png, //but if we change earth.png to a smaller image e.g. apple.png, apple.png can be displayed QPixmap pixmap; pixmap.load( ":/pics/earth.png&quo

在微信小程序开发中,可以非常方便的集成客服功能,只需要一行代码便可以将用户引导至客服会话界面.这行代码就是: <button open-type="contact" bindcontact="handleContact">联系我们</button>    当用户点击这个[联系我们]的按钮时,便会进入微信自带的小程序客服会话界面.如下图: 虽然只能发送表情和照片,但是对于小程序来讲,已经是非常不错的功能了. 但是,虽然可以一行代码让我们的小程序

篡改请求 可以测试各种异常 原理:clint->server正常是客户端发送请求到服务端,charles相当于一个拦截器,拦住客户端的请求,并进行修改,修改后再发送到server端 Server->clint正常是服务端响应客户端请求,结果服务端发送响应后charles拦住了响应信息,并进行修改信息,之后再发送给客户端 https是经过证书加密过的请求,所以不可以解析 1.窜改请求 打开charles,打开浏览器,输入网址,在charles中找到要拦截的请求的信息,选中请求,并点击鼠标右键,选

一.看似无关紧要的事件背景 之所以花时间折腾fontforge这个软件,去制作什么自定义的字体是有原因滴. 之前提过,最近我抽空将公司的手机软件HTML5网页化.期间碰到这么一个问题,页面低栏上的电话号码是个特殊的字体(在window系统下有近似字体Georgia – twitter字母个数提示使用的字体),而且不同城市下的号码值是不一样的.软件的做法就是截图,截了N张图,然后根据城市的不同使用不同的图片.显然,网页不能这样搞,毕竟是实时访问的东西,流量啊,速度啊什么的很重要. 在PC上,我直接

概述 使用androidstudio开发,在手机上实现照片背景虚化 详细 代码下载:http://www.demodashi.com/demo/10599.html 一.准备工作 1.需要下载安装androidstudio和相关JDK,这两者下载安装和普通软件一样, JDK: http://www.oracle.com/technetwork/java/javase/downloads/index.html androidstuido: http://www.android-studio.org

如果你是一名nodejs开发者,是否想过以下问题:在手机上运行nodejs程序?用手机当nodejs服务器?在手机上做nodejs编程?YES!使用Termux,以上都可以做到! 下面展示如何实现这个黑魔法.1.Termux是一款linux模拟器.开源,且运行时不需要root,工作于Android终端,支持apt管理软件包,完美支持nodejs.OK,有这些先决条件,手机上做nodejs开发的条件齐了. 2.首先是在手机下载安装termux,它的官网是:https://termux.com/ 3