webkit移动开发笔记-阿里云

【原】[webkit移动开发笔记]之兼容iPhone4和iPhone5的方法 2012年8月份刚开始接触前端移动开发，现在主要是android和ios系统的手机，一套代码需要同时兼容android和ios，就android而言已经有N个型号的手机，如果css代码在这些手机上解析有稍微差别或者出现bug，那么，做兼容是必不可少，事实上随着手机版本的不断更新，产生一些不同的体验，...

【原】[webkit移动开发笔记]之使用chrome进行手机开发 Chrome浏览器，相信大家并不陌生，该浏览器是基于其他开放原始码软件所撰写，包括WebKit和Mozilla，以其简单、快速、安全、稳定、扩展丰富等特性受到了不少人的喜爱，2012年8月6日，Chrome已达全球份额的34%，成使用最广浏览器。 Chrome浏览器提供了非常简单方便的开发人员工具，...

【原】[webkit移动开发笔记]之无法自动播放的audio元素 HTML5新增了video元素和audio元素，替代了传统HTML4使用复杂的object元素与embed来播放视频或者音频的方法。这次的一个项目，产品经理要求手机加载开始时播放音乐，想到播放音乐，又是在ios和android平台，那audio元素必然是首选。一、audio的基本知识 ...

【原】[webkit移动开发笔记]之CSS3径向渐变谈到渐变，大家并不陌生，设计稿中经常会遇到，其中最常见的也最平凡使用的是线性渐变和径向渐变，在pc端开发，很多大型网站都需要考虑所有浏览器的兼容，通常如渐变的按钮或者背景图一般会被重构师们切成图片，而在移动开发中如果使用图片是很占流量，能不用图片尽量不使用，那么，CSS3来实现无图的渐变效果是首选的...

共有4条

< 1 >

跳转至： GO

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面底部提交“技术工单”与我们联系。

产品推荐

{"optioninfo":{"dynamic":"false","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","ifIcon":"img","icon":"mPaaS","iconImg":"https://img.alicdn.com/imgextra/i3/O1CN017q2yau29rvXEYalMi_!!6000000008122-0-tps-640-640.jpg","contentLink":"https://www.aliyun.com/product/mpaas","title":"移动开发平台 mPaaS","des":"移动开发平台 mPaaS（Mobile PaaS）为 App 开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动应用。","btn1":"免费开通","link1":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.567027093N78co&commodityCode=mpaas_beta#/open","btn2":"查看文档","link2":"https://help.aliyun.com/product/49548.html?spm=a2c4g.11186623.6.540.2b3f3e5eyp32ZU","btn3":"","link3":"","infoGroup":[{"infoName":"热门组件","infoContent":{"firstContentLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","firstContentName":"mPaaS 小程序","lastContentName":"网关服务","lastContentLink":"https://www.aliyun.com/product/mobilepaas/mobile-gateway"}},{"infoName":"优惠活动","infoContent":{"firstContentName":"精选组件低至 4 折","firstContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentName":"隐私合规检测限时免费","lastContentLink":"https://cn.aliyun.com/activity/security/app_privacy"}},{"infoName":"解决方案","infoContent":{"firstContentName":"移动智能营销","firstContentLink":"https://www.aliyun.com/solution/service/marketing?spm=5176.cnmpaas.h2v3icoap.597.2708669ewICInK","lastContentLink":"https://www.aliyun.com/solution/finance/videoservicehall","lastContentName":"视频云营业厅"}}]}],"card":[{"link":"#","icon":"https://img.alicdn.com/tfs/TB1afahQpXXXXaAapXXXXXXXXXX-114-114.png","title":"云服务器ECS","des":"云服务器（Elastic Compute Service，简称 ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，帮助您快速构建更稳定、安全的应用，提升运维效率，降低 IT 成本，使您更专注于核心业务。","btn1":"FPGA云服务器","link1":"#","btn2":"GPU云服务器","link2":"#","tip":"新一代云服务器N5 （Xeon® (Skylake)处理器）上线！<a href=\"#\" target=\"_blank\">立即申请</a>"}],"search":[{"txt":"云数据库","link":"#"}],"infoCard":[{"bannerTitle":"","bannerUrl":"https://img.alicdn.com/tfs/TB1jLHUG1H2gK0jSZJnXXaT1FXa-1740-328.png","bannerContent":"","liveButtonName":"","liveButtonLink":"","homePageName":"","homePageLink":"","contentTitle":"","linkGroup":[{"linkContent":"","linkTo":"","link":""}]}],"title":{"mainTitle":"","subtitle":"","linkUrl":"","btnText":""},"visual":{"topbg":"https://img.alicdn.com/tfs/TB14iILhgDqK1RjSZSyXXaxEVXa-286-101.jpg","icon":"","textColor":"light"},"dataList":[],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"false","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","ifIcon":"img","icon":"mPaaS","iconImg":"https://img.alicdn.com/imgextra/i3/O1CN017q2yau29rvXEYalMi_!!6000000008122-0-tps-640-640.jpg","contentLink":"https://www.aliyun.com/product/mpaas","title":"移动开发平台 mPaaS","des":"移动开发平台 mPaaS（Mobile PaaS）为 App 开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动应用。","btn1":"免费开通","link1":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.567027093N78co&commodityCode=mpaas_beta#/open","btn2":"查看文档","link2":"https://help.aliyun.com/product/49548.html?spm=a2c4g.11186623.6.540.2b3f3e5eyp32ZU","btn3":"","link3":"","infoGroup":[{"infoName":"热门组件","infoContent":{"firstContentLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","firstContentName":"mPaaS 小程序","lastContentName":"网关服务","lastContentLink":"https://www.aliyun.com/product/mobilepaas/mobile-gateway"}},{"infoName":"优惠活动","infoContent":{"firstContentName":"精选组件低至 4 折","firstContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentName":"隐私合规检测限时免费","lastContentLink":"https://cn.aliyun.com/activity/security/app_privacy"}},{"infoName":"解决方案","infoContent":{"firstContentName":"移动智能营销","firstContentLink":"https://www.aliyun.com/solution/service/marketing?spm=5176.cnmpaas.h2v3icoap.597.2708669ewICInK","lastContentLink":"https://www.aliyun.com/solution/finance/videoservicehall","lastContentName":"视频云营业厅"}}]}],"card":[{"link":"#","icon":"https://img.alicdn.com/tfs/TB1afahQpXXXXaAapXXXXXXXXXX-114-114.png","title":"云服务器ECS","des":"云服务器（Elastic Compute Service，简称 ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，帮助您快速构建更稳定、安全的应用，提升运维效率，降低 IT 成本，使您更专注于核心业务。","btn1":"FPGA云服务器","link1":"#","btn2":"GPU云服务器","link2":"#","tip":"新一代云服务器N5 （Xeon® (Skylake)处理器）上线！<a href=\"#\" target=\"_blank\">立即申请</a>"}],"search":[{"txt":"云数据库","link":"#"}],"infoCard":[{"bannerTitle":"","bannerUrl":"https://img.alicdn.com/tfs/TB1jLHUG1H2gK0jSZJnXXaT1FXa-1740-328.png","bannerContent":"","liveButtonName":"","liveButtonLink":"","homePageName":"","homePageLink":"","contentTitle":"","linkGroup":[{"linkContent":"","linkTo":"","link":""}]}],"title":{"mainTitle":"","subtitle":"","linkUrl":"","btnText":""},"visual":{"topbg":"https://img.alicdn.com/tfs/TB14iILhgDqK1RjSZSyXXaxEVXa-286-101.jpg","icon":"","textColor":"light"},"dataList":[],"sceneCard":[],"txt":[]}}