标签: mobile-website

是否有一个很好的一体化模拟器用于测试移动网站.只需使用'媒体查询,需要主要测试iphone,黑莓,Android和Windows 7手机.

非常感谢,C

我将click事件绑定为document.body.onclick = function(){alert("aaa")};

无论我点击什么元素,它都可以在IOS上的android或chrome上做得很好.但是在点击除a和img元素之外的元素时,它不会触发iPhone Safari.

但它可以在绑定touchstart事件时冒泡到正文.

最后,我必须添加到div(#main)以包含我的所有元素,然后绑定此div上的委托对象.

document.querySelector("#main").onclick = function(){alert("aaa")}

所以我徘徊为什么onclick事件在它冒泡到身体之前就停止了.

一旦您从手机设备查看,http://healthunit.com在屏幕顶部有一个干净的水平滚动菜单.我正在尝试模仿相同的功能,这要归功于我正在使用大量导航元素重新设计的网站.

要求:

1. 左右滚动单击选项
2. 以空间为中心的居中列表项选项
3. 一次只能看到一个列表项
4. 横向滚动和响应
5. 单击列表中的最后一个或第一个选项将转到列表中的第一个选项或最后一个选项

我此部分的当前HTML是:

<nav id="sub" class="clearfix">
  <ul class="wrapper">
    <a href="#"><li>Estimate</li></a>
    <a href="#"><li>About</li></a>
    <a href="#"><li>Customer Information</li></a>
    <a href="#"><li>Financing</li></a>
    <a href="#"><li>Careers</li></a>
    <a href="#"><li>Locate Us</li></a>
    <a href="#"><li>Inspiration</li></a>
  </ul>
</nav>

目前附加到它的CSS是:

nav#sub {
  background: #004173;
  background: linear-gradient(to bottom, #004173 0%,#014f8d 100%);
  background: -moz-linear-gradient(top, #004173 0%, #014f8d 100%);
  background: -ms-linear-gradient(top, #004173 0%,#014f8d 100%);
  background: -o-linear-gradient(top, #004173 0%,#014f8d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004173), color-stop(100%,#014f8d));
  background: -webkit-linear-gradient(top, #004173 0%,#014f8d 100%);
  border-bottom: #00325a solid 3px;
  box-shadow: 0 4px …

我想构建一个需要用户位置的移动Web应用程序.我希望避免为单独的移动平台创建应用程序的需求,并且移动浏览器的日益复杂化似乎是一种解决方法.

哪些移动浏览器允许客户端JavaScript使用手机的GPS或手机信号塔数据？

过去有过这方面的几个问题,但我在当前或可预见的未来都在徘徊.

谢谢,

吉尔

我为移动webapp构建了一个简单的基于JavaScript的计时器; 为了举例:

var a = 0;
setInterval(function() {
    console.log('a', a);
    a++;
}, 1000);

这在Mobile Safari和Android Browser中运行良好.它将每秒登录到控制台并相应地增加a的值.(好吧,Android浏览器没有console.log支持,但让我们假设它.)

问题:如果屏幕超时(即用户停止与页面交互),则setInterval函数暂停.当用户再次打开屏幕时,它会恢复.这对我不起作用,因为我需要计时器才能继续运行.

问题:有没有办法阻止setInterval函数在屏幕超时时暂停？如果没有,是否可以防止屏幕超时？还有其他选择吗？

提前致谢!

我有一个移动版的网页.它只有一个带有两个文本框和一个提交按钮的表单.

但是在移动浏览器上,表单很小,直到你放大它.默认情况下,如何在移动浏览器上使表单看起来正常？

我目前正在开发一个专为智能手机和平板电脑设计的客户端应用程序.因此它将获得两种不同的布局模式.

虽然用户可以在两种模式之间切换,但我必须在第一次使用应用程序时预先设置模式.

所以我正在寻找一种可靠的方法来自动检测用户是否带有打击垫或智能手机(桌面浏览器不相关).

我可以检查一下浏览器的分辨率,但我不确定这是否是正确的罗马方式,因为960x640px的iPhone 4的分辨率几乎与1024x768的iPad屏幕分辨率一样高,并且要记住Android设备.

有什么建议？

我有一位客户希望我为Kindle Fire优化他们的移动网站.我已经在iPhone,iPad和Android上进行了开发,但不适用于Android平板电脑,也不适用于Kindle Fire.

我想知道,作为移动网络开发人员,我是否应该做出任何特殊的考虑,或者我应该注意在这个平台上进行Web开发的任何危险信号？

在做了一些研究后,看起来它正在使用Android 2.3,运行名为Amazon Silk的Opera迷你浏览器,并使用名为SPDY的网络协议.发现一篇文章表明我应该为1280×752空间进行设计.

我发现有一篇关于Quora的文章说"丝绸会聚合跟踪用户行为,并会尝试预测可能的下一页(类似于某些浏览器预加载链接的行为 - 只是以更有针对性的方式).然后将内容传递给设备提前." 这给我带来了一点红旗,因为我确实实现了一些服务器端(php)跟踪和登录我的一些网页.我不想在真人没有请求的页面上记录日志.

除此之外,我真的没有看到任何其他需要关注的事情.思考？

我是网络移动新手.

当我想制作可拖动的项目时,我只使用jquery ui,在移动Web应用程序中执行此操作的方法是什么？(我正在使用jquerymobile)我们是否应该在web移动中使用jquery ui或存在其他好方法？

谢谢,

我最近了解了Google的AMP项目.我目前正在开发一个在线分类应用程序,它有一些客户端JS.据我所知,主要是使用AMP的博客等内容网站.

我的问题是 - 对于注册AMP的其他网络应用程序(电子商务等)有任何优势或是否有任何需要？