一,一开始我video是这样写的,直接给地址,然后有很多手机却不能播放,或者说卡在一开始的页面,是什么原因呢? <video id='video' > <source src='xxxxx' type='application/x-mpegURL'> </video> 二,解决,给video加上autoplay和controls这两个属性 <video id='video' autoplay='autoplay' controls='controls' >…

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

在做移动端开发的时候大家应该都遇到过这么一个问题:如何在手机上打印调试信息? 在pc端我们通常会用console.log 或者 alert,但大家知道console.log在手机上是看不到打印信息的:而用alert话,alert后还要点击确定,如果循环alert,那就悲剧了,一直点确定吧,可能手机还因此搞死机了. 那么有没有一种显得更加优雅的方式去输出调试信息呢? 有的.使用debug.js就好了. 快速上手 引入debug.js后,你会得到debug这个方法,是用方法如下: debug.suc…

获取pkgname(安卓软件包名) 1. 先下载pkgName安装文件(pkgName.apk )并在手机上安装2. 打开刚刚安装的pkgName软件,软件会自动生成你手机上软件的包名列表,同时会在手机的根目录生成txt格式的文件pkgName.txt3. 然后打开文档管理,在根目录就找到刚刚生成的pkgName.txt文件,里面就是你要获得的包名了. 本帖隐藏的内容 点这里下载  pkgName.apk…

参考: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…

viewport是专为手机浏览器设计的一个meta标签: 有些屏幕很小有智能手机,但分辩率却可以做得很大,比如小米4的默认分辨率为:1920*1080,比许多电脑桌面的都还大,传统桌面网站直接放到手机上阅读时,界面就会显得非常小,阅读体验就很差,就样就需要一种将原始视图在手机上放大的机制,使用viewport标签可以解决这个问题,如 <meta name="viewport" content="width=device-width, initial-scale=1&qu…

之前翻译过一篇关于fastclick的快速点击文章http://www.cnblogs.com/lilyimage/p/3568773.html,fastclick可以解决在手机上点击事件的300ms延迟:另外我们也知道zepto的touch模块,帮助我们实现了很多手机上的事件,比如tap等,tap事件也是为了解决在click的延迟问题.那么他们有什么区别呢? 先看zepto的touch模块实现: $(document) .on('touchstart ...',function(e){ ...…

SlidesJS 3.0.4 http://slidesjs.com 在手机上遇到的一些问题及解决办法 1.手机上打开有sliderjs的页面后, 切换到别的页面再回来时, sliderjs部分不能滑动了2.手机上打开有sliderjs的页面后, 在sliderjs部分不断的进行上下滑动时, 会出现空白的情况 html: <div class="m-banner"> <p class="prev"><span class="s…

由于有时候谷歌手机调试与真是的手机环境还是有一定的差距,所以需要在手机上测试项目. 手机上测试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…

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