引入 <meta name="viewport" content="wcodeth=device-wcodeth, initial-scale=1, maximum-scale=1"> css
转载 2018-04-08 17:54:00
98阅读
2评论
viewport 通用模版:<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">&lt
转载 2021-05-13 22:15:37
296阅读
近期看到群里对关于 移动 web开发非常是感兴趣。决定写一个关于 移动web开发 概念或框架(宝庆对此非常是纠结)。也是由于自己一直从事pc 浏览器 web一直对 移动的不是非常重视,所以趁此机会也让自己对 移动的开发 有个清晰的认识。 环境: 1. 移动的内核:​​手机浏览器的内核是什么​​    在文章中 Android 手机 採用 Webkit。其它的QQ,U
转载 2015-09-08 14:21:00
142阅读
2评论
基本要求(1)了解程序体系结构的演变以及C/S和B/S的区别;(2)理解Web的基本概念及工作原理,学会区分静态Web与动态Web ;(3)了解Web开发的相关技术、开发环境和Java EE核心设计模式。学习重点Web的工作原理,静态Web与动态Web 的本质区别。 一、地位:Java Web是Java应用开发领域的三大方向之一(桌面应用开发、Web应用开发和嵌入式应
转载 2023-08-08 15:00:37
182阅读
看这个链接 https://juejin.im/entry/58f6d9fb44d904006c121d2e 移动:active伪类无效的解决方法:By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant elem
转载 2017-04-22 23:20:52
1026阅读
点击阅读原文meta相关添加到主屏后的标题(IOS) 启用 WebApp 全屏模式(IOS) 当网站添加到主屏幕后再点击进行启动时,可隐藏地
转载 5月前
262阅读
移动web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非...
转载 2015-11-25 14:01:00
168阅读
Web应急:移动劫持 PC访问正常,移动访问出现异常,比如插入弹窗、嵌入式广
原创 2023-07-05 13:38:55
33阅读
一、什么是移动适配 移动 Web 页面,就是常说的手机 h5页面、webview页面、公众号开发的网页等。 由于手机机型较多,各个手机的屏幕尺寸不一样,所以做移动页面,需要考虑在安卓和ios的各种尺寸设备的兼容问题,我们要做的 web 页面适配,就是为了在不同设备上,页面能够保持统一展示效果,
原创 2021-08-25 09:51:40
10000+阅读
1. click事件单击事件,类似于PC的click,但在移动中,连续click的触发有200ms ~ 300ms的延迟2. touch类事件触摸事件,有touchstart touchmove touchend touchcancel 四种之分touchstart:手指触摸到屏幕会触发touchmove:当手指在屏幕上移动时,会触发touchend:当手指离开屏幕时,会触发touchcanc
原创 2021-04-16 20:46:41
796阅读
​​1. click事件​单击事件,类似于PC的click,但在移动中,连续click的触发有200ms ~ 300ms的延迟​2. touch类事件​触摸事件,有touchstart touchmove touchend touchcancel 四种之分touchstart:手指触摸到屏幕会触发touchmove:当手指在屏幕上移动时,会触发touchend:当手指离开屏幕时,会触发touc
原创 2022-03-29 15:34:47
269阅读
之前参加的项目有涉及Web测试和移动测试,简单的记录下他们之间的区别: 1、记录bug 在Web可以通过系统自带的截图和QQ截图等方式来截取bug的图片,对于错误的地方可以用工具自带的标识来重点标记。 对于移动设备可以用手机自带的截图工具来截图然后传到电脑上,个人一般习惯安装微信的windo
原创 2017-07-24 17:00:00
488阅读
前言本文主要记录了移动调试,包含浏览器调试以及远程调试工具和多终端调试工具的介绍。移动调试移动调试可以查看页面效果是否符合预期,不符合进行修改。浏览器调试以CSDN首页为例;进入控制台首先按Ctrl+Shift+I(或点击鼠标右键选择检查菜单项)进入控制台:!在这里插入图片描述(https://s2.51cto.com/images/blog/202209/25233645_6330758d
原创 2022-09-25 23:37:13
462阅读
什么是移动WEB开发,我个人理解就是,将网页更好的显示在移动的一些设置,简单来说就两点如下:1、流式布局,即百分比自适应布局将body下的div容器的样式设置如下:div{ width:100%; } 2、viewport视口 在head标签中,添加如下:<meta name="viewport" content="width=device-width,initial-
移动WEB前端UI框架目前,众多互联网公司APP都嵌入了大量的HTML5,移动的开发越来越重视,HTML5的运用场景也越来越多了。在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率。下面PHP程序员雷雪松就把2015年最全的移动WEB前端UI框架分享给大家。目前,众多互联网公司APP都嵌入了大量的HTML5,移动的开发越来越重视,HTML5的运用场景也越来越多了
转载 2024-01-04 20:52:37
98阅读
响应式设计1 媒体查询 适用于不同固定宽度设计   媒体类型 :    screen 屏幕    print 打印机    handheld 手持设备    all 通用   常用媒体查询参数    width: 视口宽    height: 视口高    device-width: 设备宽度    device-height: 设备高度    orient
  今天,Java 已经在世界一些领先的技术行业中找到了应用。从数据科学到 AR 和 VR,Java 可用于所有高级编程应用程序。然而,尽管企业 Java 开发是增长最快的用例。但 Web移动设备一直是 Java 技术应用程序的长期赢家。  为 Web移动设备使用 Java 开发的原因  Java 是一种高性能的编程语言,它确保应用程序有能力快速运行并且没有任何处理错误。以下是 Java
原文出处: 盛瀚钦   本文主要列举了调试本地网页、查看测试环境网页的各种方法,涵盖了PC、iPad、移动的调试技巧。本文的不足之处在于,小溪里暂时还没有找到调试位于微信中和安卓各国产浏览器上的网页。相关设备概念:PC :主要指以 Windows 系统为代表的台式机或笔记本,其通常为 1 倍屏MacBook :主要指 MacBook P
转载 精选 2016-04-19 13:48:43
662阅读
一、前言在过去的几年时间里,移动web野蛮生长,智能机的Android阵营和IOS阵营分庭抗礼,随之产生了多个系统版本(系统版本多样);五花八门的屏幕尺寸、屏幕展示技术(如大名鼎鼎的Retina技术屏)层出不穷(屏幕尺寸、技术多样),还是CSS的W3C标准在各式各样的移动浏览器上落实得也是七零八落(浏览器兼容多样)。细看下来移动Web开发工作面临着很多的多样性,可想而知在这样的不确定性下去开
转载 2021-01-17 20:07:16
657阅读
手机网易网
原创 2022-05-30 11:54:42
201阅读
  • 1
  • 2
  • 3
  • 4
  • 5