工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。<metaname="viewport"content="...

兼容性一直是前端工程师心中永远的痛.手机浏览器,因为基本是webkit(blink)内核当道,很多公司,不用考虑IE系的浏览器,所以感觉兼容性上的问题可能会少一些.但是手机端,虽然出了很多工具,但是调试依然比PC端麻烦很多.而且很多坑是因为手机浏览器本身的bug,一旦出现,相应的解决方案很难根据以前的经验进行推测.只能...

昨天在和同事一起完成项目的时候，我使用了appearance来渲染select，但是在firefox下出现问题，不完美，最后去除了。但还是要学习下这个属性。大家都知道每个浏览器对HTML元素渲染都不一样，比如说“button”，在chrome和ff中，渲染出来的效果都是不尽相同的。这样一来就有了...

一般的操作步骤1.新建manifest文件如文件名为 lzwme.manifest，内容配置参考如下：01CACHEMANIFEST02 03#version1.2 forupdatecophelp04 05#直接缓存的文件06CACHE:07   ...

原文：http://www.mb5u.com/HTML5/html5_96464.html推荐：html5applicationcache遇到的严重问题在我们的3G版网站的项目中使用了html5applicationcache，将大部分图片资源、js、css等静态资源放在manifest文件中,需要了解的朋友可以参考下...

我所使用到的HTML页面标签：Section,div,artical,p,ol,ul,li,header,footer,span,form,input,label,h1,h2,h3 ；详细说明我就不说了，只给新手说下，为什么W3C那么多标签，只使用16个就可以把整个项目解决了？原因是不要以为标签多，我们就一定...

最近做了一个移动端的搜索功能，带有suggest。实现上并没有什么可说的，但是在后续优化上，特别是在中文输入法的情况下的优化使我学到一些新东西，所以决定写一篇文章。下面是我简化后的基本功能实现，监听输入框的input事件，当搜索框有输入时，根据输入内容和后端进行交互提供suggest，再监听keyup的事件，当用户敲击...

最近公司举办技术大赛，我和同事一起制作了一个叫做10KHours的MobileWebApp，可以帮助你通过一万小时的努力，成为某个领域的专家。正好前段时间翻译了一本书《HTML5MobileDevelopmentCookbook》，中文译本在此。其中讲到了不少移动端Web开发的BestPractices，正好就用到了1...

webapp开发的大趋势之下，本人收集整理了一写关于webapp开发的经验，欢迎大家补充指正。<linkrel="apple-touch-startup-image"href="images/start.jpg"/>表示在点击主屏幕中生成的快捷图标后，网站在加载过程中，显示的图片。这个功能用户体验很好。避免...

在看完Metal的开发文档后，除了官方所宣称的一些优点外（比如说更容易理解和使用的API，更直接和精细的硬件控制，减少GPU使用过程中的CPU额外开销等等），从我有限的GLES开发经验看来，以下一些方面更让人兴奋。更方便和友好的多线程GPU渲染支持GLES的设计，所有东西都必须跟一个GLContext绑定，由GLCon...

1.Css3圆角白边：使用css3圆角效果时，在android某些机器上会产生白边，所以应该在圆角的div外套一个div（背景色和外部相同），然后有圆角效果的div 内部使用自己的背景色 border-radius:5px;box-shadow:inset 0 2px ...

苹果APP审核很严格，有一套他们自己的标准，我们上架经常收到拒绝条款2.1、5.1这些就是因为不符合他们的审核要求，下面是苹果APP的审核指南、对APP的基本要求，在开发APP的时候参考这个指南，争取做到符合要求一次上架成功，免得被拒绝重复修改上架，费时间。 下面是ios真机调试和上架的教程，如果还不清楚这么...

如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触webkitwebApp的开发已经有一段时间了，现把一些技巧分享给大家：1.viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚...

<spanstyle="font-size:18px;"><script>functionstartAPP(){window.location="schemename://**.**/**";}functiondownloadAPP(){window.location="http://IP/**...

为ipad制作web应用程序的启动画面时发现个问题，只能显示竖屏图，横屏图出不来，网上的朋友都说无法解决，做了无数次尝试，终于成功，如下： 首先页面头部里要加入<linkrel=”apple-touch-startup-image”media=”screenand(o...