
Web前端
ylxb
吃苦耐劳并不是忍饥挨饿!
展开
-
在两个html页面之间传值小示例
最近在搞前端的一些开发,在两个页面之间进行传值,虽然搜了写资料但是不是自己想要的,因为用到了一些框架,所有内容相当于在一个html中,与普通的两个独立的html页面直接的传递值的方法不太一样,记之,以备用。a.html 如下: New Document function to(){ var getval =document原创 2016-03-08 16:26:49 · 19210 阅读 · 3 评论 -
JS判断用户使用的浏览器类型
需求:判断用户的浏览器类型进行相关的操作。直接上代码。 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS //alert(navigator.userAgent); // window.location.href ="iPhone.html"; con原创 2017-05-29 13:42:44 · 1188 阅读 · 0 评论 -
js动态创建dom元素示例
js中有时候需要动态的创建代码,这也是常规的基础知识,再次我总结一下,以备后用!直接上代码: //动态添加一个标签 function add(){ var map = document.getElementById("planetmap"); var x=180;原创 2016-05-09 11:22:04 · 3172 阅读 · 0 评论 -
html5中audio标签在不同平台下的问题
经过测试发现 :andio控件在safari浏览器中和在chrome浏览器中展示方式不一样,属性改变不了其效果,测试发现在safari下当css 设置宽度为90%的时候回出现播放的进度条,如果小于这个数值则不会出现剩余时间的时间刻度。当宽度过小的时候,还是会出现默认的长度,时间刻度不会显示。 不完全测试仅供参考。原创 2016-05-05 16:24:14 · 1225 阅读 · 0 评论 -
js代码测试工具
最近项目要用html5老搞,很是不爽,一个搞Android的突然来搞前端,很是不爽。 搜索下给大家推荐几款在线测试工具,如下:http://jsfiddle.nethttp://jsbin.comhttp://runjs.cn原创 2016-05-05 16:17:05 · 708 阅读 · 0 评论 -
tap事件不响应问题
cordova项目在Android平台上tap 事件可以正常使用,但是在iOS平台上后悔出现点击后没有响应的效果。如何解决?把tap 事件给为touchstart事件或者touched事件,但是测试发现touchstart事件过于灵敏。比如如下代码: touch.on('.urlToPic', 'touchstart', function() { //图墙原创 2016-05-05 16:12:17 · 4974 阅读 · 0 评论 -
Html5 手机网页中,长按会触发系统事件,请问怎么取消这些事件?
在iOS中测试的时候会发现长按会出现各种各样系统的事件,这是很智能的,但是影响用户的体验如何解决呢? 转载的内容如下:在iPhone中很好解决,只要给长按的div设置两个css:-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */-moz-user-select: none;在没有特别定制过的安卓浏览器中也是可以的,但是转载 2016-05-05 16:03:28 · 8236 阅读 · 1 评论 -
gap debug is unable to locate the chrome browser executable 问题
GapDebug是webApp的调试工具,有windows osx l两个版本。在Windows 下调试Android操作很简单,但是在osx平台下,不是那么容易。我遇到过这样一个问题,在此记下。问题如题: 解决办法 参考如下文章 GapDebug unable to locate the Chrome browser executable on Mac:1.首先下载chrome浏览器原创 2016-05-05 15:37:24 · 1215 阅读 · 0 评论 -
html5屏幕旋转事件
在项目开发中发现,屏幕旋转旋转后html界面出现了不同的显示效果,如果在屏幕旋转后重新加载一次界面的话就会显示的相对来说能接受一点,为此如果能监听到屏幕发生了旋转后进行相关的回调处理,则问题会得到解决,从网上搜索了大半天,并进行相关的测试后,有小的收获,仅以记之。 可以参考这篇论坛: html5屏幕旋转事件 ,测试的时候按照@media 的css可以实现相关的body颜色改变效原创 2016-04-18 13:25:24 · 8086 阅读 · 0 评论 -
WebApp开发环境搭建
## 安卓的开发环境 ##1. JDK2. Eclipse3. Android SDK(保证本地的android sdk要有22版本)4. ADT(Android Dev Tools,Eclipse的安卓开发插件工具)5. Android模拟器genymotion, HYPERLINK "https://www.genymotion.com/原创 2016-03-16 17:33:25 · 1203 阅读 · 0 评论