标签: mobile-website

HTC Android设备上的Javascript console.log()和adb logcat

我正在开发HTML中的应用程序,它正在调用console.log()Javascript来为我提供开发过程中关于网页代码中发生的事情的日志.

不幸的是,当我使用adb logcat命令检查日志时,我可以看到来自所有其他应用程序的输出,但不能看到我的JavaScript代码的输出.我甚至可以从Web浏览器看到加载页面的日志,但不能console.log()从我在Web浏览器中执行的JavaScript代码输出.

根据此页面上的信息(http://developer.android.com/guide/webapps/debugging.html),它应该可以工作.

我正在测试HTC WildFireHTC Desire HD.


超过6个月后编辑

经过一段时间和使用不同设备(手机,电视,机顶盒,WebViews,UIWebViews ......)的经验,我的建议是从JavaScript 进行远程日志记录而不依赖于console.log()或其他方法 - 请参阅在这里加载图像的好方法.

不要错过这里的演示 希望这有帮助!斯登

javascript android web-applications mobile-website android-logcat

27
推荐指数
3
解决办法
3万
查看次数

iOS(iPad)中的一个页面上有多个HTML5媒体元素

我的研究让我了解到Apple的媒体元素处理程序是一个单例,这意味着我在后台video播放时无法audio播放.我的任务是建立一个幻灯片演示框架,客户想要一个背景音轨,与子弹点匹配的定时音频画外音,以及可以是图像或视频的可变媒体 - 或多个媒体元素的定时循环.

当然,这些媒体都不适用于iOS.每个媒体元素都取消了之前的内容.

我最初的想法是在有视频存在时将配音音频嵌入到视频中,但是这个设置的现有Flash版本依赖于现有资产,因此我几乎必须使用已交付的内容.

这有什么解决方法吗?我正在iOS 4.3.5上测试.世界上最聪明的开发者都在这个网站上 - 我们必须能够想出一些东西.

编辑:我的iPad更新到iOS 5.0.1,问题仍然存在.

html5 mobile-website ipad html5-video ios

26
推荐指数
1
解决办法
4594
查看次数

移动网站"WhatsApp"按钮将消息发送到特定号码

可以定制移动网站以允许用户在WhatsApp中将预先填写的消息共享给手动选择的联系人.这里给出的是使用自定义URL方案完成的.一个例子:

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>
Run Code Online (Sandbox Code Playgroud)

要拨打特定号码,我们使用:

<a href="tel:0123456789">Call</a>
Run Code Online (Sandbox Code Playgroud)

同样,我们可以将WhatsApp消息发送到特定号码(或者至少打开聊天),而无需用户手动选择电话号码,而是将其作为预定义参数/属性值之一吗?

html mobile-website whatsapp

26
推荐指数
3
解决办法
8万
查看次数

哪些设备通过navigator.geolocation支持Javascript Geolocation?

iPhone通过以下调用支持移动Safari中的地理位置:

navigator.geolocation.getCurrentPosition(
  function(pos){
    var lat = pos.coords.latitude;
    var long = pos.coords.longitude;
  },
  function(){
    /* Handler if location could not be found */
  }
);
Run Code Online (Sandbox Code Playgroud)

我想建立一个包含以下其中一项的良好设备列表:

  1. 支持此功能开箱即用,或
  2. 通过升级支持此功能,或
  3. 使用其他一些Javascript片段支持具有等效数据保真度的地理定位.

我只熟悉自己的设备,所以到目前为止这是我的列表:

盒子外面:

  1. iPhone 3GS

支持,但仅限更新

  1. iPhone 3G
  2. iPhone 2G(?)
  3. 使用Firefox 3.5的PC或Mac电脑

支持其他一些代码段

Blackberry,Android手机等的支持程度如何?

javascript gps mobile-phones geolocation mobile-website

25
推荐指数
2
解决办法
3万
查看次数

隐藏移动设备浏览器中的地址栏

我知道这样做的一种方法.

<body onload="setTimeout(function() {window.scrollTo(0, 1)}, 100)">
...
</body>
Run Code Online (Sandbox Code Playgroud)

但这仅适用于页面足够大以便滚动的情况.如果页面适合屏幕,则上述功能不起作用.在这种情况下如何隐藏地址栏?我需要让它与iphone,ipad,android设备一起使用.

html css mobile-safari mobile-website

25
推荐指数
2
解决办法
5万
查看次数

将移动浏览器深层链接到本机应用程序 - 未安装应用程序时Chrome的问题

我有一个网页,我们可以打电话给它entry.html.

当用户进入此页面时,javascript代码(见下文)正在尝试将用户深层链接到本机iOS/Android应用程序.

如果深层链接失败(可能是因为设备上没有安装应用程序),用户应该"退回"到另一个页面 - 让我们调用它fallback.html.

这是运行的javascript代码entry.html:

$(function(){
    window.location = 'myapp://';
    setTimeout(function(){
        window.location = 'fallback.html';
    }, 500);
});
Run Code Online (Sandbox Code Playgroud)

这是一种标准的深层链接方法,建议在整个网络中使用; 尝试深层链接,如果超时触发它意味着深层链接没有发生 - 所以回退.

这很好用,因为设备上安装了很长的应用程序.

但是如果没有安装应用程序,这是尝试深层链接时的行为:

移动Safari:我看到一条警告消息说"Safari无法打开此页面......"片刻,然后它正确地回落fallback.html- 这是预期的行为.

移动Chrome是我的问题.

当没有安装应用程序时,浏览器实际上被重定向到myapp://网址,这当然是无效的 - 所以我得到一个"未找到"页面,并且不会发生回退.

最后 - 我的问题是:

如何修复我的代码,以便FALL-BACK也会在移动Chrome上发布?就像移动Safari一样?

注意:我看到LinkedIn移动网站正确地使用Safari和Chrome,无论是否安装了应用程序,但我无法追踪负责它的代码:(

注意2:我尝试添加一个iframe而不是window.location = url,这只适用于Safari,即使安装了应用程序,移动Chrome也不会在追加iFrame时进行深层链接.

谢谢大家!


更新:

我找到了一个不错的解决方案,并回答了我自己的问题 看到我的解决方案的已接受答案

javascript deep-linking mobile-website mobile-chrome

24
推荐指数
2
解决办法
3万
查看次数

如何扩展移动设备的网站?

我有一个非常简单的静态网页(只有css和链接,没有脚本).它在android和iphone上看起来不错,但太小了.我猜他们把它缩小了,因为它适用于大多数网站.我怎样才能覆盖这个并让他看起来像我想要的那样?

css iphone android mobile-website

23
推荐指数
1
解决办法
2万
查看次数

如何"关闭"jQuery Mobile的<select>下拉样式?

我需要关闭jQuery Mobile的<select>下拉样式.最终,我希望设备本身(iPhone,Android,Blackberry等)确定<select>下拉的外观.

目前我的标记是(为了显示目的减少了选项数量):

<div data-role="fieldcontain">
    <label for="state">State:</label>
    <select name="state" id="state" data-role="none">
        <option value="MA">Massachusetts</option> 
        <option value="MI">Michigan</option> 
        <option value="MN" selected="selected">Minnesota</option> 
        <option value="MS">Mississippi</option> 
    </select> 
</div>
Run Code Online (Sandbox Code Playgroud)

我试着用data-role="none"<select>,但什么都没有改变.

有没有办法只关闭选择下拉菜单"关闭"jQuery Mobile?

html mobile jquery mobile-website

23
推荐指数
1
解决办法
3万
查看次数

什么是跨浏览器,跨平台的网络安全字体?

如何使跨浏览器,跨平台和所有设备兼容的css字体堆栈?

css fonts mobile-website

22
推荐指数
2
解决办法
1万
查看次数

检测浏览器是否在网页中有键盘/箭头键

我有一个HTML + JavaScript的全屏游戏,它使用箭头键作为主要控件.这不能用在无键盘的Android设备上(我还没有在iOS上测试过),即使软键盘上有箭头键,它也会占用不必要的空间.因此,我添加了屏幕控制按钮.但是,桌面浏览器上的按钮是不必要的(并且非常大),所以我希望它们不会弹出,除非需要它们.

我可以使用什么启发法来决定是否需要它们 - 也就是说,用户输入箭头键事件是否不可能或尴尬 - 除了识别特定的用户代理(这是直截了当的,但不是面向未来的)?

我当然会允许用户隐藏/显示按钮; 我正在寻找有用的启发式方法来选择默认设置.

javascript android touch mobile-website ios

21
推荐指数
2
解决办法
3419
查看次数