AspNet 做手机上用的H5页面~~~~~~ [问题点数:40分,结帖人yan_hyz]

Bbs3
本版专家分:549
结帖率 97.44%
Bbs6
本版专家分:6684
Bbs2
本版专家分:176
Bbs12
本版专家分:467807
Blank
进士 2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第十
2013年 总版技术专家分年内排行榜第八
Blank
铜牌 2018年12月 总版技术专家分月排行榜第三
2018年11月 总版技术专家分月排行榜第三
2017年2月 总版技术专家分月排行榜第三
Blank
红花 2019年1月 .NET技术大版内专家分月排行榜第一
2018年12月 .NET技术大版内专家分月排行榜第一
2018年11月 .NET技术大版内专家分月排行榜第一
2018年10月 .NET技术大版内专家分月排行榜第一
2018年9月 .NET技术大版内专家分月排行榜第一
2018年7月 .NET技术大版内专家分月排行榜第一
2018年6月 .NET技术大版内专家分月排行榜第一
2018年1月 .NET技术大版内专家分月排行榜第一
2017年5月 .NET技术大版内专家分月排行榜第一
2017年4月 .NET技术大版内专家分月排行榜第一
2017年3月 .NET技术大版内专家分月排行榜第一
2017年2月 .NET技术大版内专家分月排行榜第一
2016年10月 .NET技术大版内专家分月排行榜第一
2016年8月 .NET技术大版内专家分月排行榜第一
2016年7月 .NET技术大版内专家分月排行榜第一
Blank
黄花 2019年4月 .NET技术大版内专家分月排行榜第二
2019年3月 .NET技术大版内专家分月排行榜第二
2018年8月 .NET技术大版内专家分月排行榜第二
2018年4月 .NET技术大版内专家分月排行榜第二
2018年3月 .NET技术大版内专家分月排行榜第二
2017年12月 .NET技术大版内专家分月排行榜第二
2017年9月 .NET技术大版内专家分月排行榜第二
2017年7月 .NET技术大版内专家分月排行榜第二
2017年6月 .NET技术大版内专家分月排行榜第二
2016年12月 .NET技术大版内专家分月排行榜第二
2016年9月 .NET技术大版内专家分月排行榜第二
2016年6月 .NET技术大版内专家分月排行榜第二
2016年3月 .NET技术大版内专家分月排行榜第二
2016年1月 .NET技术大版内专家分月排行榜第二
2015年12月 .NET技术大版内专家分月排行榜第二
2015年2月 .NET技术大版内专家分月排行榜第二
2015年1月 .NET技术大版内专家分月排行榜第二
2014年11月 .NET技术大版内专家分月排行榜第二
2014年5月 .NET技术大版内专家分月排行榜第二
2014年4月 .NET技术大版内专家分月排行榜第二
2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
Bbs12
本版专家分:467807
Blank
进士 2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第十
2013年 总版技术专家分年内排行榜第八
Blank
铜牌 2018年12月 总版技术专家分月排行榜第三
2018年11月 总版技术专家分月排行榜第三
2017年2月 总版技术专家分月排行榜第三
Blank
红花 2019年1月 .NET技术大版内专家分月排行榜第一
2018年12月 .NET技术大版内专家分月排行榜第一
2018年11月 .NET技术大版内专家分月排行榜第一
2018年10月 .NET技术大版内专家分月排行榜第一
2018年9月 .NET技术大版内专家分月排行榜第一
2018年7月 .NET技术大版内专家分月排行榜第一
2018年6月 .NET技术大版内专家分月排行榜第一
2018年1月 .NET技术大版内专家分月排行榜第一
2017年5月 .NET技术大版内专家分月排行榜第一
2017年4月 .NET技术大版内专家分月排行榜第一
2017年3月 .NET技术大版内专家分月排行榜第一
2017年2月 .NET技术大版内专家分月排行榜第一
2016年10月 .NET技术大版内专家分月排行榜第一
2016年8月 .NET技术大版内专家分月排行榜第一
2016年7月 .NET技术大版内专家分月排行榜第一
Blank
黄花 2019年4月 .NET技术大版内专家分月排行榜第二
2019年3月 .NET技术大版内专家分月排行榜第二
2018年8月 .NET技术大版内专家分月排行榜第二
2018年4月 .NET技术大版内专家分月排行榜第二
2018年3月 .NET技术大版内专家分月排行榜第二
2017年12月 .NET技术大版内专家分月排行榜第二
2017年9月 .NET技术大版内专家分月排行榜第二
2017年7月 .NET技术大版内专家分月排行榜第二
2017年6月 .NET技术大版内专家分月排行榜第二
2016年12月 .NET技术大版内专家分月排行榜第二
2016年9月 .NET技术大版内专家分月排行榜第二
2016年6月 .NET技术大版内专家分月排行榜第二
2016年3月 .NET技术大版内专家分月排行榜第二
2016年1月 .NET技术大版内专家分月排行榜第二
2015年12月 .NET技术大版内专家分月排行榜第二
2015年2月 .NET技术大版内专家分月排行榜第二
2015年1月 .NET技术大版内专家分月排行榜第二
2014年11月 .NET技术大版内专家分月排行榜第二
2014年5月 .NET技术大版内专家分月排行榜第二
2014年4月 .NET技术大版内专家分月排行榜第二
2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
Bbs6
本版专家分:8892
版主
Blank
榜眼 2018年总版新获得的技术专家分排名第二
Blank
金牌 2018年10月 总版技术专家分月排行榜第一
2018年9月 总版技术专家分月排行榜第一
2018年8月 总版技术专家分月排行榜第一
Blank
银牌 2018年12月 总版技术专家分月排行榜第二
2018年11月 总版技术专家分月排行榜第二
2018年7月 总版技术专家分月排行榜第二
Blank
铜牌 2019年1月 总版技术专家分月排行榜第三
Bbs2
本版专家分:309
Bbs12
本版专家分:467807
Blank
进士 2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第十
2013年 总版技术专家分年内排行榜第八
Blank
铜牌 2018年12月 总版技术专家分月排行榜第三
2018年11月 总版技术专家分月排行榜第三
2017年2月 总版技术专家分月排行榜第三
Blank
红花 2019年1月 .NET技术大版内专家分月排行榜第一
2018年12月 .NET技术大版内专家分月排行榜第一
2018年11月 .NET技术大版内专家分月排行榜第一
2018年10月 .NET技术大版内专家分月排行榜第一
2018年9月 .NET技术大版内专家分月排行榜第一
2018年7月 .NET技术大版内专家分月排行榜第一
2018年6月 .NET技术大版内专家分月排行榜第一
2018年1月 .NET技术大版内专家分月排行榜第一
2017年5月 .NET技术大版内专家分月排行榜第一
2017年4月 .NET技术大版内专家分月排行榜第一
2017年3月 .NET技术大版内专家分月排行榜第一
2017年2月 .NET技术大版内专家分月排行榜第一
2016年10月 .NET技术大版内专家分月排行榜第一
2016年8月 .NET技术大版内专家分月排行榜第一
2016年7月 .NET技术大版内专家分月排行榜第一
Blank
黄花 2019年4月 .NET技术大版内专家分月排行榜第二
2019年3月 .NET技术大版内专家分月排行榜第二
2018年8月 .NET技术大版内专家分月排行榜第二
2018年4月 .NET技术大版内专家分月排行榜第二
2018年3月 .NET技术大版内专家分月排行榜第二
2017年12月 .NET技术大版内专家分月排行榜第二
2017年9月 .NET技术大版内专家分月排行榜第二
2017年7月 .NET技术大版内专家分月排行榜第二
2017年6月 .NET技术大版内专家分月排行榜第二
2016年12月 .NET技术大版内专家分月排行榜第二
2016年9月 .NET技术大版内专家分月排行榜第二
2016年6月 .NET技术大版内专家分月排行榜第二
2016年3月 .NET技术大版内专家分月排行榜第二
2016年1月 .NET技术大版内专家分月排行榜第二
2015年12月 .NET技术大版内专家分月排行榜第二
2015年2月 .NET技术大版内专家分月排行榜第二
2015年1月 .NET技术大版内专家分月排行榜第二
2014年11月 .NET技术大版内专家分月排行榜第二
2014年5月 .NET技术大版内专家分月排行榜第二
2014年4月 .NET技术大版内专家分月排行榜第二
2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
Bbs12
本版专家分:467807
Blank
进士 2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第十
2013年 总版技术专家分年内排行榜第八
Blank
铜牌 2018年12月 总版技术专家分月排行榜第三
2018年11月 总版技术专家分月排行榜第三
2017年2月 总版技术专家分月排行榜第三
Blank
红花 2019年1月 .NET技术大版内专家分月排行榜第一
2018年12月 .NET技术大版内专家分月排行榜第一
2018年11月 .NET技术大版内专家分月排行榜第一
2018年10月 .NET技术大版内专家分月排行榜第一
2018年9月 .NET技术大版内专家分月排行榜第一
2018年7月 .NET技术大版内专家分月排行榜第一
2018年6月 .NET技术大版内专家分月排行榜第一
2018年1月 .NET技术大版内专家分月排行榜第一
2017年5月 .NET技术大版内专家分月排行榜第一
2017年4月 .NET技术大版内专家分月排行榜第一
2017年3月 .NET技术大版内专家分月排行榜第一
2017年2月 .NET技术大版内专家分月排行榜第一
2016年10月 .NET技术大版内专家分月排行榜第一
2016年8月 .NET技术大版内专家分月排行榜第一
2016年7月 .NET技术大版内专家分月排行榜第一
Blank
黄花 2019年4月 .NET技术大版内专家分月排行榜第二
2019年3月 .NET技术大版内专家分月排行榜第二
2018年8月 .NET技术大版内专家分月排行榜第二
2018年4月 .NET技术大版内专家分月排行榜第二
2018年3月 .NET技术大版内专家分月排行榜第二
2017年12月 .NET技术大版内专家分月排行榜第二
2017年9月 .NET技术大版内专家分月排行榜第二
2017年7月 .NET技术大版内专家分月排行榜第二
2017年6月 .NET技术大版内专家分月排行榜第二
2016年12月 .NET技术大版内专家分月排行榜第二
2016年9月 .NET技术大版内专家分月排行榜第二
2016年6月 .NET技术大版内专家分月排行榜第二
2016年3月 .NET技术大版内专家分月排行榜第二
2016年1月 .NET技术大版内专家分月排行榜第二
2015年12月 .NET技术大版内专家分月排行榜第二
2015年2月 .NET技术大版内专家分月排行榜第二
2015年1月 .NET技术大版内专家分月排行榜第二
2014年11月 .NET技术大版内专家分月排行榜第二
2014年5月 .NET技术大版内专家分月排行榜第二
2014年4月 .NET技术大版内专家分月排行榜第二
2012年2月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
Bbs9
本版专家分:52603
版主
Blank
黄花 2017年11月 .NET技术大版内专家分月排行榜第二
2017年10月 .NET技术大版内专家分月排行榜第二
Blank
蓝花 2018年8月 .NET技术大版内专家分月排行榜第三
2018年6月 .NET技术大版内专家分月排行榜第三
2018年3月 .NET技术大版内专家分月排行榜第三
2017年12月 .NET技术大版内专家分月排行榜第三
2017年9月 .NET技术大版内专家分月排行榜第三
Bbs3
本版专家分:897
版主
Blank
Github 绑定github第三方账户获取
Blank
领英 绑定领英第三方账户获取
Blank
榜眼 2017年 总版技术专家分年内排行榜第二
Blank
探花 2018年总版新获得的技术专家分排名第三
Bbs1
本版专家分:5
在手机上怎么查看前端写的页面
首先给自己的vscode 装一个 live server 插件 右键选择 open with live server 打开你的<em>页面</em> 例如: http://127.0.0.1:5500/index.html 用cmd 打开小黑窗口, 输入ipconfig 查出自己的ip地址 用自己的ip地址替换掉 127.0.0.1 例如: http:// 192.168.1.1:5500/index.htm...
手机端h5页面利用rem进行适配的有效方案
关于H5<em>页面</em>的适配方案,有很多很多,各种方法有各种方法的优势。在博主做项目的实际开发过程中,常用的方案是利用rem进行适配。具体的适配原理如下: 需要明确的一点,各种浏览器对字体默认的大小为16px. 通常UI设计师给到前端开发的设计稿是以iphone6 手机大小设计的,前端开发时也是参照iphone<em>页面</em>显示效果进行开发。在开发的前期我们需要对浏览器默认字体的大小进行修改。使得,在<em>页面</em>上设置 ...
移动端H5页面开发的几种方法
单位: px 宽度百分比,高度px 在不同屏幕下的效果是不一样的,可用媒体查询(@media)对不同宽度的手机进行适配,麻烦,不推荐使用 单位:rem 1、flexible 用法:https://blog.csdn.net/sinat_27358671/article/details/82772206 2、原生js重置rem单位 (function (doc, win, imgW) { ...
h5.rar 手机上的7个 h5页面,用于学习
<em>h5</em>.rar 手<em>机上</em><em>h5</em><em>页面</em>,用于学习,希望对大家有所帮助
H5手机端常见问题汇总
1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport 还有就是,有些手机网站我们看到如下声明: &amp;lt;!DOCTYPE html PUBLIC &quot;-//WAPFORUM//DTD XHTML Mobile 1.0//EN&quot; &quot;http://www.wapforum.org/DTD/xhtml-mobile10.dtd&quot;&amp;gt; 设...
本地开发环境在手机端查看h5效果
在webpack.dev.conf.js文件下的host改为本地ip,另外需确保手机wifi连接的是与电脑同意局域网络下,在手<em>机上</em>输入ip地址即可查看<em>h5</em>效果,如图: ...
H5 移动端 测试方法
一.功能测试  1、关注<em>页面</em>请求。对于每个<em>页面</em>,要查看发送的请求是否正确,请求的接口是否有重复,接口请求是否正确返回等。可通过chrome中自带的开发工具查看网络请求。  关注是否有冗余接口请求,是否有不必要的重复接口刷新请求。 冗余和重复的接口请求会导致流量浪费和响应速度变慢。  2、关注application cache  (http://www.html5rocks.com/zh/t...
html页面在不同手机系统显示会不同
安卓手机判定if(/(Andorid)/i.test(navigator,userAngent)){//内容}//ios手机判定if(/(iPhone)/i.test(navigator,userAngent)){//内容}
react框架写手机端首页
 判断某个组件是否滚动到底部 * <em>页面</em>切换出去再切换回来后怎样保持之前的滚动位置要保证这个组件就是那个滚动的组件,overflowY为scroll判断某个组件是否滚动到底部组件代码如下,通过ref获取真实的dom节点&amp;lt;div ref='contentNode'&amp;gt; this.refs.contentNode //可以用这个方法获取真实的DOM节点或者&amp;lt;div ref={ n...
H5拖拽的例子(但是手机端无效)
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;拖拽&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; body{ } img{ position: fixed; } &amp;lt;/style&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body
webstorm打开的页面如何通过手机访问?
问 webstorm打开的<em>页面</em>如何通过手机访问? 静态<em>页面</em>想用手机测试: 1勾选允许外部访问, Can accept external connections  ( 能接受外部连接) 2勾选 Allow unsigned  requests   (允许未签名的请求) 3你用手机连接你电脑wifi 然后在访问的时候把localhost改成你电脑ip然后访问这个页
设置Webstrom页面可以通过手机预览
在settings–Debugger 里面设置,将是否允许外部连接的勾给打上,就可以通过IP地址生成二维码,手机进行扫描预览了,切记,地址不要用localhost而要用你电脑的IP地址!
css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题
sprite背景图优化,通过设置css3 background-size来压缩大图达到高清效果,来解决H5网页在手机浏览器下图标模糊的问题。
webView--Android中webView加载H5时,H5页面在不同的手机可能出现文字或者图标类似换行的现象
个人开始学习Android的随笔,都是经过测试的,以后还会加倍学习,以此向各位大神致敬...
h5页面在手机浏览器上不能上下移动的问题
当在mui.min.css中加入* { touch-action: none; }这行代码后,会惊喜的发现,<em>页面</em>无法正常上下滑动,这个坑爹的花了足足3个小时去查<em>页面</em>问题,特此记录一下
移动端H5调试
Chrome Remote Debug参考:https://developers.google.com/chrome-developer-tools/docs/remote-debuggingPC准备:1、安装chrome2、chrome 打开 Remote devices,勾选 Discover USB devices(1)地址方式打开:地址栏输入 chrome://inspect/#devic...
在手机浏览器访问运行的vue,H5项目——实时更新
1.手机和电脑在同一个局域网2.在cmd里输入命令ipconfig,查得电脑的网络Ip3.运行项目,得到端口号4.在手机浏览器中输入2中取得的ip以及3中取得的端口号,即可访问...
手机端页面社会分享插件
手机端<em>页面</em>分享插件,sosh,可以去其网站看看,支持qq,微博,等大多数
前端手机本地调试小技巧
问题:pc调试手机<em>页面</em>经常出现一些问题,所以需要在手<em>机上</em>查看,更便于观察问题。 准备工作:手机(与电脑在同一局域网下),编辑器(我用的Hbuilder,我测试了大多编辑器都有启动本地服务的功能),电脑(我的是windows,mac的请找自己ip的方式) 1.本地的项目,在chrome下查看 2.本地打开效果 3.打开自己的终端输入ipconfig  找到自己
如何在手机上测试web移动端项目
1.手机和电脑在同一个局域网中 首先必须保证测试项目用的手机和编写项目的电脑在同一局域网中   同在一局域网的办法:手机和电脑同时连上同一个wifi / 手机开热点给电脑 / 电脑开wifi给手机连接 2.获取本机(电脑)的ip地址 点击开始,输入cmd,按回车 在命令控制台中,输入ipconfig指令(linux系统是ifconfig),按回车,查看ip地址 首选第一个以16...
触摸精灵3.0.1
触摸精灵3.0.1破解版,主要用<em>做手</em><em>机上</em>反复操作的过程,来减少复杂度。
H5方面(H5适配手机屏幕等)
    一个html页,其文本包含三个方面的信息,逻辑,内容,样式。其中逻辑部分决定<em>页面</em>和用户交互的行为,样式部分决定用户界面的视觉表现,内容部分是结构化的文本信息。对于一个以内容为主的<em>页面</em>(区别于富交互应用/webapp)来说,在表现内容的html中,插入表现逻辑的js,显然不是最合理的做法,因为html的语义是进行文本内容和结构定义,这个层面的定义是和逻辑与视觉都无关的。完全可以以更小的耦合进...
chrome浏览器调试手机端h5页面
这个是常识性的问题了。奈何我之前确实是不知道。只知道用F12来调试PC端的<em>页面</em>,这次经过同事指点,终于知道为啥人家在浏览器调试手机端<em>页面</em>,显示的大小都是手机端的。 步骤:1、打开F122、如果所示点击咱们平时寻找网页的DOM节点,都是用的第一个。 第二个就是专门用来调整手机端<em>页面</em>的。先点击这个按钮。3、选择适配的手机型号      按照2操作点击之后,我们可以看到这个界面。箭头的位置是一个下拉选
C# .net Web 页面 嵌套 自适应 高度 问题
C# .net Web <em>页面</em> 嵌套 自适应 高度 问题C# .net Web <em>页面</em> 嵌套 自适应 高度 问题C# .net Web <em>页面</em> 嵌套 自适应 高度 问题C# .net Web <em>页面</em> 嵌套 自适应 高度 问题C# .net Web <em>页面</em> 嵌套 自适应 高度 问题
html页面,手机模拟器不能滑动,但是鼠标能滚动
今天遇到一个很悲催的事情,就是发现,写的<em>h5</em><em>页面</em>在chrome手机模拟器下竟然不能滑动,主要有一个根本不能滚!还有几个一下能滚,一下不能滚,然后我就傻逼了。悲催归悲催,问题总归要解决的,请教了一个年长的前端,他居然说肯定是我的CSS样式有问题,然后我就开始检查我的样式,一个一个是过来,发现没有问题啊;走到这里你要是觉得还是没有说服力,那我教你一个办法,直接写上20个p标签,里面加文字,不要任何样式,
手机端H5页面边框缺失问题解决
问题如下:解决方案:加背景色background-color: #fff;
解决H5页面无法滚动
问题一:  在苹果手机可以,但安卓手机不可以。 H5<em>页面</em>没有使用任何滚动插件,比如: iscroll.min.js  或者 Better Scroll。 这里是因为: * { touch-action: none; } 这段代码,会导致安卓手机H5<em>页面</em>无法滚动,而苹果手机可以。 使用 iscroll.min.js  或者 Better Scroll 也没用。 将这段代码去掉即...
JS实现简单的手电筒的开关灯的效果
简单的几行代码,望您您耐心阅读! &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;OnClick&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;h1 align=&quot;c
HTML5中的audio在手机端和 微信端的自动播放
再做H5<em>页面</em>的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流浪所设置的 通常解决方法是给一个交互事件,一定要是交互事件 标签:&amp;lt;audio loop src=&quot;/photo/aa.mp3&quot; id=&quot;audio&quot; autoplay preload=&quot;auto&quot;&amp;gt;该浏览器不支持audio属性&amp;lt;/audio&amp;gt; ...
h5解决移动端上滑卡顿问题
select{ -webkit-overflow-scrolling: touch;/*解决移动端滑动卡顿问题*/ -webkit-transform: translateZ(0px);/*开启GPU加速*/ } /* -webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成auto和touch auto: 使用普通滚动, 当手指从触摸屏上移开,...
用HTML和css写的界面适应手机界面小结
用html和css写得<em>页面</em>要适应各种手机屏幕的话,写的时候要注意以下几点: 整体<em>页面</em>的宽度用百分之比表示,任意一个要设置宽度的元素都用百分比表示。比如在整体的上设 width:100%; 要适应各个手机,在头部加入以下几段代码: width=device-width, initial-scale=1.0, maximum-scale=1
关于pc页面在手机屏幕显示不全
&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=no, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&amp;gt;把1
jQuery_手风琴(如何用jQuery做手风琴效果)
效果图: 代码: *{ margin: 0;padding: 0; } ul li{ list-style: none; } #box{ width:500px; heig
自己第一次做手机web页面的一些总结
开发的第一个手机web应用的一些经验
机上Webview及html5页面调试方法
手<em>机上</em>Webview及html5<em>页面</em>调试方法 (Chrome DevTools调试移动设备Brower PageTabs/WebViews)
H5手机禁止触屏页面滑动。滚动
document.addEventListener(&quot;touchmove&quot;,function(e){ e.preventDefault(); e.stopPropagation(); },false);  
手机端H5上滑加载下一页
pc端分页,大多是点击页码或者下一页来翻页,这种方式不适合移动端。移动端手指滑动操作方便,就产生了上滑下载分页的交互模式,本文介绍这种方法的实现。
手机h5布局(一)
前言:手机浏览器基本上没有pc端的<em>h5</em>兼容问题,<em>h5</em>属性得到了很好的发挥,手机端布局我们选择flex.Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 你可以把flex看做一个容器,容器里有主轴和交叉轴(谁是主轴谁是交叉轴要看.flex-direction);一
WebStorm打开的页面如何通过手机访问?
原文链接   静态<em>页面</em>想用手机测试: 1勾选允许外部访问, Can accept external connections  ( 能接受外部连接) 2勾选 Allow unsigned  requests   (允许未签名的请求) 3你用手机连接你电脑wifi 然后在访问的时候把localhost改成你电脑ip然后访问这个<em>页面</em>就可以    如果现在第1个无法勾选的情况,把鼠标移到按钮...
手机Python开发工具
手机开发Python好用的工具,手机开发Python好用的工具
chrome手机端调试web页面(前端项目)
2018.04.24 # # 最近用 vue 做了一个 web 音乐 App, 想看看在手机端的样子。 因为之前都是使用草料二维码查看, 但是最近使用草料二维码的时候报错,<em>页面</em>显示不了。于是就想使用 chrome 真机调试 web <em>页面</em>,发现手机端的<em>页面</em>还是显示不了。 于是就开启了一段填坑之路。 1.以下是手机端报错信息 采用 chrome 真机调试,使用 p...
教你如何在移动端调试WEB页面
关于<em>页面</em>调试,想必作为前端工程师来说是在常见不过的了。很多调试工具和方法大家也都耳熟能详,比如Chrome开发者工具,firebug,等等。但是现在的应用场景,大多数都已经从PC端转向了移动端,而真机实测部分出现错误,我们如何调试呢?下面给大家介绍三种方式,帮你轻松搞定移动端的<em>页面</em>调试。1.BrowserSyncBrowserSync是一款前端开发的调试神器,不但可以实现边改边看的功能,而且可以多...
手机端页面时,字体的显示大小与在CSS中指定的大小不一致
最近在做一个手机端<em>页面</em>时,遇到了一个奇怪的问题:字体的显示大小,与在CSS中指定的大小不一致。大家可以查看这个Demo(记得打开Chrome DevTools)。 就如上图所示,你可以发现,原本指定的字体大小是24px,但是最终计算出来的却是53px,看到这诡异的结果,我心中暗骂一句:这什么鬼! 随后开始对问题各种排查:某个标签引起的?某个CSS引起的?又或者是某句JS代码引起
微信H5移动端真机调试--vConsole
在移动端实际开发中,还是会碰到一些棘手的bug,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息,比如cookie、LocalStorage,Network、Element…… 微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码,扫一扫吧(不要...
解决因为手机设置字体大小导致h5页面在webview中变形的BUG
解决因为手机设置字体大小导致<em>h5</em><em>页面</em>在webview中变形的BUG首先,我们做了一个H5<em>页面</em>,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html的font-size,一切都比较完美。这时候,你自信满满的将<em>h5</em>地址交给了APP工程师,做了一个WEBVIEW嵌套,然后就顺利交工了。测试组在一堆手机中测试APP,突然,在某个手<em>机上</em>打开,你的<em>页面</em>
HTML5-注册页面(移动端和电脑端)
无标题文档 用戶注冊(每项必填) 推荐人
让HTML5网页显示在手机上自适应大小,而且不支持缩放
让HTML5网页显示在手<em>机上</em>自适应大小,而且不支持缩放这个跟简单在中加一个meta就行了。
将html5项目部署到tomcat上,并实现安卓手机访问
最近在使用Webstorm开发项目中前端相关的内容,但是涉及到使用ajax技术,不能够跨域访问相关json文件和服务,需要将前端代码部署到tomcat服务器上。但是,如果通过手动拷贝的方式,太过于复杂,大大降低了开发的效率,但实在无法割舍Webstorm,只好查阅了一些资料,解决部署的问题。 具体的步骤如下:  html5项目如图: (1)打开设置setting面板
解决在手机端H5页面中keyup延迟问题
解决在手机端H5<em>页面</em>中keyup延迟问题 项目开发过程中,需要在keyup方法中使用aja动态x获取后台数据;然鹅,在此过程中会发现keyup延迟现象,这就涉及到键盘数字的显示速度快于ajax响应速度,这里说的就是解决这个问题的一个方法。当然,解决问题的方法有很多,鄙人不才,在此只列举一种,供大家参考: 注意,timeStamp 事件属性可返回一个时间戳。指示发生事件的日期和时间(从 e...
asp.net手机网页横向适应屏幕
横向适应手机屏幕 head里加上这个标签就行了,具体每句话什么意思百度就好.
node.js的安装和本地服务器手机可查看自己写的网页
node.js的安装和本地服务器手机可查看自己写的网页1 官网下载node.js文件,下一步直到安装完成; 2 运行cmd(win10要以管理员身份运行cmd,否则会报错); 3 node -v 和 npm -v查询是否安装成功; 4 然后输入npm install anywhere -g来安装anywhere,全局安装 4 win10 要配置变量环境 我的电脑 高级系统设置 环境变量 打
AndroidAsync WebSocket通信
Android <em>h5</em>混合开发,Android与<em>h5</em><em>页面</em>数据通信
H5网页开发新手入门-H5网页如何适应不同手机屏幕分辨率?
一、问题汇总 手机网页怎么制作? 怎么让网页适应不同手机屏幕? H5网页设计到底该设计多大尺寸? rem怎么自适应布局? H5一屛<em>页面</em>如何自适应屏幕? viewport该怎么写? width=device-width如何自适应不同手机屏幕的? css3的rem单位怎么使用? 如何通过media媒体查询实现网页自适应屏幕? 怎么使用100%百分比做自适应布局? 如何使用js改变zoom缩放网页自适应手
手机前端开发调试利器 (可以在手机上进行打印数据)
我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手<em>机上</em>打开就挂了,但是手<em>机上</em>又看不到error log; (2) 上线后,某用户表示<em>页面</em>失灵,但我们自己又重现不出来,看不到用户侧的出错信息。 如果说(1)还可以通过电脑连接手机以查看log来解决,那(2)在没有完善的前端上报体系时就非常被动了。 作为开发者,我们的诉求很简单:有
关于h5页面文字显示字体大小不准确的问题
1、有时<em>h5</em><em>页面</em>文字显示字体大小不准确,是因为<em>h5</em>存在字体爆炸填充的效果。 所以可以设置容器的高度,不确定高度的情况下,将其高度设为max-length=9999px; 这样的话,字体会有空间展示,不会出现字体大小不准确的请。 2、还有flexible.js文件需要在所有js之前加载,所以要将其压缩之后的代码,放在html<em>页面</em>里面引入。 用引入。 3、适当使用min-height,可以将
移动端web--PC端网页在手机上查看
将自己的网页相关文件夹替换到demo中:D:\MobileWeb\http\demo修改 "D:\MobileWeb\http\HttpServer.js"的IP地址为自己的IP地址(IP地址通过cmd命令行输入ipconfig获取,ipv4的就是)修改 "D:\MobileWeb\http\HttpServer.js"的首页为index.html安装全局node,安装成功的话,cmd->node
Vue android 内嵌H5页面不显示 vue IE9 IE11 内容不显示
表现 在Android 真<em>机上</em>,出现全白,或者数据无法获取的问题 寻找问题 真机调试 目的是找到真正问题 Android 真机 API 19 以上(Android 4.4) chrome浏览器 保证能翻墙 Android 真机 adb 连接 chrome 浏览器输入 chrome://inspect 如果是 4.4 以下的机型,抓包看看网络日志,adb...
手机h5适配不同分辨率的问题
我们来研究一下手机H5<em>页面</em>适配不同手机分辨率的问题。
关于H5 web页面在ios端滑动卡顿问题
原因1:html,body{ height: 100%; }删除上述代码即可。 (亲测)其他原因:*{ -webkit-overflow-scrolling: touch; }增加上述代码。(未测) 转载http://blog.csdn.net/itzhongzi/article/details/76202740
用H5做webApp 中界面适配的问题汇总(一)
告诫:Android 和 iOS 嵌入<em>h5</em> 后出现了许多问题....首先 返回按钮,如果写法不注意就会失效,还有返回按钮在手机屏幕上不好点击...<em>h5</em>在网页上可以滑动,但嵌入安卓后不能滑动,因为用了ionic库,只好原生又做了一套壳子,可是嵌入iOS后,三个webview 在原生的scrollerview 上面也不能滑动,并且用ionic库互动,下拉刷新等滑动效果也不是很好,不知道是ionic库的...
jsp页面实现移动端预览pdf文件
手机端预览显示pdf文件 需求:后台传递到前端<em>页面</em>的pdf文件路径、pdf.js文件、pdf.worker.js文件。这两个插件网上资源挺多,自行查找。 以下是实现预览功能的jsp<em>页面</em>的代码 &amp;amp;lt;%@ page language=&amp;quot;java&amp;quot; contentType=&amp;quot;text/html; charset=UTF-8&amp;quot; pageEncoding=&amp;quot;UTF-8&amp;quot; %
vue项目如何在本地可以手机预览
(实现本功能,一定电脑和手机连的网是一致的) 1.先是在计算机找到&quot;命令提示符&quot;,输入&quot;ipconfig&quot;找到本机ip,如图所示 2.找到vuexiang项目里面config下面的index.js文件,host后面跟ip地址,如图所示 3.运行vue项目,得到地址例如http://192.168.1.6:8080,在手机端运行,就可以了....
手机端h5开发部分问题及解决方案
最近在开发嵌入APP中的<em>h5</em><em>页面</em>,记录开发过程中遇到一些问题,及其解决方案 1、<em>页面</em>在ios 中不能滑动,或滑动卡顿,安卓中无此问题 解决方法: <em>页面</em>html div data-role="page" class="wrapper" > div class="scroller"> 内容 div> div>css.wrapper{ pos
手机等第三方终端访问 WebStorm 页面
需求分析 WebStorm 作为前端开发的利器,平时都是使用它来编写前端代码,如 H5、CSS、JS 等。 自己电脑上开发时,通常都是自己访问,浏览器的访问地址如 http://localhost:63333/bootstrapStu/html/tetris/Tetris.html 如果需要向同一局域网内的公司其它人员展示时,要么就是叫人家过来一下,要么就是自己开一个 web 服务器,再将 ...
手机端自己写js消息提示
原博主:https://blog.csdn.net/summer_my_sunshine/article/details/79196163  window.alertMsg = function (txt) { var alertFram = document.createElement(&quot;DIV&quot;); alertFram.id = &quot;alertFram&quot;; alertFram.s...
vue项目在自己手机上调试功能
一般vue项目在本地运行是localhost:8080/#/这个时候如果我们想在手<em>机上</em>调试可以在vue项目config文件夹下的index.js里把host后面的localhost改成你自己本地的IP地址如果你不知道IP地址是什么,可以在命令行里输入 ipconfig其中IPV4的地址就是你的本地地址现在把这个地址写在index.js里面的host后面然后...
h5唤醒手机APP
上图的1代表的是当前软件打包的名称,2是当前软件的对应的域名,3代表的发布协议号
在PC机使用浏览器手机模式预览HTML5页面
有时侯,希望看看自己写的HTML5<em>页面</em>在手<em>机上</em>显示什么效果, 但是又想在电脑预览, 这里有一种办法: 360极速浏览器,按下F12,再点击手机图标。搞定! 如下图
移动web开发之移动端真机测试
chrome的开发者工具可以很好地做好模拟工作,但毕竟模拟和实际还是有差别的。所以,真机测试是一定要做的,如何高效地进行真机测试呢。个人感觉,还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试特性   BrowserSync能让PC、各移动设备上的<em>页面</em>同时实时地响应文件的更改,而不用刷新操作。而且,当在其他一个设备上进行点击等行为时,该行为也会同
web网页在手机上浏览排版出错的问题
web网页在手<em>机上</em>浏览排版出错的问题:解决思路:添加水平滚动条,手<em>机上</em>可以查看整个网页的内容。 实现方法:在jsp网页所引用的css表里修改如下语句。代码块在CSS样式表单里面找到相应的样式表的设置HTML { OVERFLOW-Y: auto; OVERFLOW-X: auto }html{overflow-x : hidden ; height : 100% ; margin : 0 ; pa
关于手机端点击HTML input输入框页面放大的问题解决放法
关于手机端点击HTML input输入框<em>页面</em>放大的问题解决放法
微信公众号h5页面,ios显示正常,安卓手机空白页面
检查一下js代码里边是否有某一行代码: console.log(&quot;打印值:&quot;,); 此处多了一个逗号&quot;,&quot;去掉试试。
手机签到页面
使用PC端的签到功能修改而来,不光修改了布局结构,还修改了JS脚本,多余的css没有删除。 1:效果图片 2.html 每日签到 $(window).load(function() { $("#status").fadeOut(); $("#preloader").delay(350).fadeOut("slow"); }) $(document).ready
H5+JS页面直接查看PDF文件
纯H5的将pdf通过canvas重新绘制成数据流,展示到<em>页面</em>上
Js+ASp.net小型财务管理系统
Js+ASp.net小型财务管理系统 用Js +ASpnet 开发去除了CS <em>页面</em>文件 完全用Js脚本进行数据读取
真机测试本地移动端页面
要在真<em>机上</em>测试本地<em>页面</em>,我所介绍的方法都基于条件2个:     1、真机和PC端都是在同一个局域网内。     2、要输入本地的IP地址才能访问(命令行中输入ipconfig查看    IPv4 地址 . . . . . . . . . . . . : 192.168.x.xx) 方法一:使用phpstudy 使用phpstudy的方法自行百度(挺简单的)。 通过phpstudy访问的页
使用HBuilder操作H5
打开HBuilder,进入主界面,找到‘项目资源管理器’。 在‘项目资源管理器’空白处右击鼠标,调出其右击功能菜单。 选择‘新建’->‘WEB项目’。 在‘创建WEB项目’弹出框中,维护WEB项目基本的属性: 项目名称、位置、模板选择、语法等四项 位置:创建的WEB项目保存的位置,这里系统默认为C盘(系统盘),建议将其修改为除C盘(系统
解决因为手机设置字体大小导致h5页面在webview中变形的bug
解决因为手机设置字体大小导致<em>h5</em><em>页面</em>在webview中变形的BUG 首先,我们做了一个H5<em>页面</em>,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视
h5 web页面手机适配
;(function () { window.addEventListener(('orientationchange' in window ? 'orientationchange' : 'resize'), (function () { function c() { var d = document.documentElement; ...
客户端调用h5静态页样式不生效
image.png 客户端调用<em>h5</em>的静态<em>页面</em>,原来是用http请求的,现在要改为https发现不可以,<em>页面</em>样式都没有生效。线上不存在这个问题,但是beta环境不可以。 发现beta环境是四级域名h.beta.yiwang.com,而https只支持三级域名,所以线上h.yiwang.com的<em>h5</em><em>页面</em>可以 ...
vue写手机页面放在手机上显示不正常
尝试在最外层的index.html中添加:&amp;lt;meta name=&quot;viewport&quot;  content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no&quot;&amp;gt;这样,在手<em>机上</em>就不会因为缩放导致<em>页面</em>显示不正常了。亲测有用...
H5前端手机调试打印之vConsole
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 特性 查看 console 日志 查看网络请求 查看<em>页面</em> element 结构 查看 Cookies 和 localStorage 手动执行 JS 命令行 自定义插件 下载 下载 vConsole 的最新版本。 上手 下载 vConsole 的最新版本。(不要直接下载 dev 分支下的 dist/vconsole.min.js...
Android内嵌H5页面调用手机图片操作
这段时间一直忙着产品需求迭代更新,有几天没有写博客了。在这个迭代中,遇到了一个比较棘手的问题,情况是这样:我们在APP中有一个功能是引导商家入驻我们平台,商家入驻就需要填写一些企业信息和上传营业执照或宣传照片等。为了考虑到方便及兼容性问题,我们产品就考虑用H5开发这个功能,然后内嵌到APP中,刚开始我们APP端开发的满心欢喜,因为用H5开发,我们直接放在WebView就可以了,方便省事,但后来才知
使用h5新特性,轻松监听任何App自带返回键
1、前言如今<em>h5</em>新特性、新标签、新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力。作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践。接下来我将和各位分享一个特别好用的<em>h5</em>新特性(目前也不是特别新),轻松监听任何App自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求。2、起因大概半年前接到pm一需求,用纯<em>h5</em>实现多audio的播放、暂停、续...
移动前端console调试面板(移动网页端调试工具)—vConsole
一个针对手机网页的前端console调试面板,并将其开源了,一个非常有用的开发调试工具。 项目地址: https://github.com/WechatFE/vConsole 。 不多介绍,以下内容直接 copy 了项目的 README.md
网页的Vue项目怎么在手机上面测试
1.修改config文件夹下面的index.js文件 找到host: ‘localhost’,修改为:host: ‘0.0.0.0’ module.exports = { dev: { ...... host: 'localhost', // can be overwritten by port: 8080, // can 2.运行在命令行输入:npm run dev ...
怎么制作HTML5页面让它适应电脑和手机
利用meta标签Meta标签主要用来描述一个HTML网页文档的属性,如作者、日期时间、网页描述、关键词、<em>页面</em>刷新等,它的Description和Keywords属性,可加入网站的关键字,让网页利于搜索引擎。&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1.0, minimum-scale=1.0, maximu...
手机端H5页面-矩形布局
简介手机端的H5界面由于屏幕尺寸小和多适配,一般采用矩形布局来展现<em>页面</em>元素 矩形布局中可一行展现多列,每个单元格中可实现上、下内容布局或左右内容布局 以下就上、下布局为例来分析效果图代码分析HTML元素采用ui和li来布局,每个li为一个单元格,单元格中采用p和a元素来定义单元格中的上、下布局,如: 总金额(元) d
强连通分量及缩点tarjan算法解析
强连通分量: 简言之 就是找环(每条边只走一次,两两可达) 孤立的一个点也是一个连通分量   使用tarjan算法 在嵌套的多个环中优先得到最大环( 最小环就是每个孤立点)   定义: int Time, DFN[N], Low[N]; DFN[i]表示 遍历到 i 点时是第几次dfs Low[u] 表示 以u点为父节点的 子树 能连接到 [栈中] 最上端的点   int
51单片机实用手册和基本知识下载
介绍了51的常用知识和常用的外围电路的设计基础 相关下载链接:[url=//download.csdn.net/download/dalianhaishi5752940/1993476?utm_source=bbsseo]//download.csdn.net/download/dalianhaishi5752940/1993476?utm_source=bbsseo[/url]
NetWeaver Portal Technology: The Complete Reference. part2下载
一本非常难得的Netweaver教程,大概700多页,其中详细介绍了Netweaver Portal的相关操作和安全等知识,请详细参考目录 Part I Portal Implementation Planning 1 Introduction to SAP NetWeaver Enterprise Portal . . . . . . . . . . . . . . . . . . . . 3 2 SAP NetWeaver Enterprise Portal Building Blocks . . . . . . . . . . . . . . . . . . . 11 3 IT Pra 相关下载链接:[url=//download.csdn.net/download/bearingsap/2191636?utm_source=bbsseo]//download.csdn.net/download/bearingsap/2191636?utm_source=bbsseo[/url]
CIS设计的实例(包括商标设计,颜色,吉祥物...)下载
CIS设计的实例(包括商标设计,颜色,吉祥物...) 在大学cis课程里的作业,自己做的花了不少时间,拿出来分享下 相关下载链接:[url=//download.csdn.net/download/stone11010/2331013?utm_source=bbsseo]//download.csdn.net/download/stone11010/2331013?utm_source=bbsseo[/url]
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 微信h5页面开发教程 微信h5支付页面开发教程
我们是很有底线的