![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5开发
文章平均质量分 67
Generon
这个作者很懒,什么都没留下…
展开
-
H5开发:常见H5开发兼容问题
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也原创 2017-05-25 19:49:40 · 8480 阅读 · 0 评论 -
H5开发:H5视屏播放
HTML5 是下一代的 HTML, 提供了展示视频的标准,规定了一种通过 video 元素来包含视频的标准方法。Video有以下的属性。autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。 controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。原创 2017-08-10 16:16:38 · 1052 阅读 · 0 评论 -
H5开发:调用高德地图api实现H5定位功能
关于定位,分为GPS定位和网络定位。本文将详细描述的浏览器定位,属于网络定位。这是一种通过使用高德JS-API来实现位置定位、城市定位的方法,包含了IP定位,检索等多种网络定位方式。如果您的手机支持GPS功能,能够自动获取GPS信息,定位将更加准确。浏览器定位浏览器定位插件,封装了标准的HTML5定位,并含纠正模块,同时该定位方式仅适用于支持HTML5的浏览器上,如Internet原创 2017-07-25 14:29:36 · 28040 阅读 · 1 评论 -
H5开发:H5如何设置head头部与做到咯浏览器适配
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect原创 2017-07-25 14:17:35 · 10806 阅读 · 0 评论 -
H5开发:JS自动识别移动端和PC端,分配二级域名
使用方法:将下面代码放入你需要识别页面的hade标签前面,然后将下面的http://m.google.com 修改为您的手机版站点的地址!代码使用方法:将http://m.google.com/修改为你页面跳转结果页地址,所以如果不仅仅是首页需要跳转那么其他每个页面都需要程序获取比如当前页面为http://yijile.com/log/239.html那么我就要设置为http://m.yiji原创 2017-07-18 17:30:16 · 3303 阅读 · 0 评论 -
h5开发:IOS开发与H5混合开发常见的坑
最近做 iOS H5 项目,需要针对 iOS 的 webView 做适配,发现几个非常恶心的 bug。因为现在据统计 iOS7 的占比超过80%,所以适配主要针对 iOS7,但是 iOS7 不同版本缺有不同的 bug,真是让人蛋疼。iOS 7.0 input 元素聚焦问题bug 演示bug 分析点击屏幕下方的input元素,且该元素在键盘弹起的区域内原创 2017-05-18 12:07:44 · 3687 阅读 · 0 评论 -
H5开发:UI问题汇总
Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构 // width 设置viewport宽度,为一个正整数,或字符串‘device-width’ // height 设置viewport高度,一般设置了宽度,会自动解析出高度,可以不用设置 // initial-scale 默认缩放原创 2017-05-18 12:01:21 · 836 阅读 · 0 评论 -
H5开发:详说 Cookie, LocalStorage 与 SessionStorage
基本概念CookieCookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStorageloca原创 2017-05-18 10:14:56 · 1720 阅读 · 0 评论 -
H5开发:论click tap touch三者的区别
移动端用tap时会有穿透问题一:click与tap比较click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件。singleTap 和doubleTap分别代表单次点击和双次点击二:tap的穿透处理使用zepto框架的tap的点击事件,来规避click事件的延迟响应,会出现穿透,即点击会触发非原创 2017-05-18 09:56:43 · 7563 阅读 · 0 评论 -
H5开发:sessionStorage和localStorage
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存原创 2017-05-17 22:22:09 · 446 阅读 · 0 评论 -
H5开发:阿里云虚拟主机子目录如何绑定二级域名
首先同学说怎么不申请个二级域名?比如mingyue.wangshengfei.com额,好吧,还是我没有这个意识,以前都知道学校的网站,tw.hpu.edu.cn是一个特别的域名。首先知道了这个叫二级域名,于是百度了一下二级域名。二级域名:英语:Second-level domain;英文缩写:SLD。是互联网DNS等级之中,处于顶级域名之下的域。二级域名是域名的倒数第二个部份,二级域原创 2017-05-17 21:16:07 · 5121 阅读 · 0 评论 -
H5开发:手机访问www如何自动跳转到m
第一种方法: if(navigator.platform.indexOf('Win32')!=-1){ //pc //window.location.href="电脑网址"; }else{ //shouji window.location.href="手机网址"; }原创 2017-05-17 21:19:32 · 5525 阅读 · 0 评论 -
H5开发:fastclick取代tap
html>html lang="zh-CN">head> meta charset="UTF-8"> title>fastclick说明书title> meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> script原创 2017-09-26 10:54:49 · 1015 阅读 · 0 评论