H5页面的点击事件click 无论在浏览器 iframe还是小程序里面 都会出现点击无反应或者反应慢的情况出现 所以决定用touchend事件来代替click 但是touchend事件触发比较灵敏 在滑动页面时 如果不小心触碰有touchend事件的元素都会触发 尤其是在满屏都有touchend元素的页面中 只要稍有滑动都会触发该事件 很无奈 解决方法如下: 监听滑动事件 在滑动事件里面阻止touchend事件 function stopTouchendPropagationAfterScrol

记:今天调试时出现的一个PC端调试运行正常,但打包apk文件后在手机上点击闪退的问题. 可能在不同的情况条件下,会有不同的原因导致apk安装后闪退问题.拿android studio等软件来说,开发安卓程序时会有日志log文件包含生成错误信息等,但是cocos2dx开发在命令行里编译apk,意外的错误缘由难以直面地展现给我们. 闪退的大致问题都殊途同归:资源的加载出现问题. 我今天出现这个问题之后,进行了一些尝试,在解决问题的过程当中,大致操作如下: 1.将Resources资源文件夹下的全部目

最近在维护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

本人之前已经使用Bootstrap有一段时间了,但是之前做出的网站都只是在电脑端使用,没有注意过手机端的显示效果.这两天自己使用Bootstrap做了一个简单的Web个人日志系统,想在手机端也使用,桌面端的效果勉勉强强,但是当用手机打开页面时,效果不忍直视.下面是其中一个界面的效果. 桌面浏览器查看效果: 手机浏览器查看效果: 问题一:字体非常的小,简直认不出来 于是我百度以及查看Bootstrap的文档,终于找到了解决方案: <meta name="viewport" cont

a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} 被背景设置成透明的就行了

1.电脑和手机要连同一个wifi  一定是复制无线网的IP,而不是以太网的IP 2.在你的电脑上查找无线网络的ipv4地址: 查找方法:windows+r   然后再输入框里输入cmd 回车 会出现这样: 然后输入ipconfig  然后回车 你会看到一个ipv4的地址.复制这个地址 3.在vue中找到config下的index  找到host 将host的值localhost改为刚才复制的那哥ipv4地址即可 4.重启项目: npm  run dev 5.项目运行成功后  例如:http://

加上  <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">  就可以了     content属性值 : (1)width:可视区域的宽度,值可为数字或关键词device-width: (2)height:同width: (3)intial-scale:页

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

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

做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080 使用了几种办法 1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常 2.使用rem的地方 width,height,margin,padding,left top都采用了REM, HTML的FONT-SIZE设置的为100PX.是为了计算方便

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

引言 用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

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

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

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中,你都可以很容易地检查/查看游戏输出的日志,而不需要回到项目和做任何测试跟踪问题!(开源免费)

小编今天给大家推荐一款强大的远程控制软件——TeamViewer,可以让你的手机连接你自己的电脑,不管你身处何处,只要电脑和手机都能联网,那么你就可以在手机上控制你的电脑了.以下介绍下如何安装和使用方法. TeamViewer安装使用教程 一.电脑和手机的安装 1.电脑端安装,下载TeamViewer,选择安装,相对比较简单. 建议个人模式安装因为这个可以免费使用 2.手机端安装,也非常简单,这里也不详细说明,只要在手机助手之类的APP里面下载安装即可. 二.临时性远程登陆. 1.电脑端首次使用

注: 源码已上传github: https://github.com/shirayner/WeiXin_QiYe_Demo 一.本节要点 1.1 授权回调域(可信域名) 在开始使用网页授权之前,需要先设置一下授权回调域.这里瞬间想到之前做JSSDK的时候,也设置过一个域名.二者本质上都是设置可信域名. 当用户授权完毕之后,请求将重定向到此域名(或者子域名)下的执行者(jsp页面或者servlet等).如何设置授权回调域,请见第二节. 1.2 获取Code https://open.weixin.

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

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中,你都可以很容易地检查/查看游戏输出的日志,而不需要回到项目和做任何测试跟踪问题!(开源免费)

在Ionic中使用inappbrowser.themeablebrowser 组件打开网页,刚开始是好的,后来不知添加什么插件,导致了安装在手机上以后没有网络访问权限. 尝试了很多,最后才发现,此时,不管代码里用没用到,都要再安装一个http组件才行. ionic cordova plugin add cordova-plugin-advanced-httpnpm install --save @ionic-native/http 第一个命令是必须的而且还会自动添加一个cordova-plugi

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的探索之旅吧! 一.案例:JD移动