问题标签 [mobile-webkit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
3078 浏览

android - 使用 iScroll 会阻止键盘在我的设备上显示

我正在使用 iScroll 来提供 iPhone 风格的滚动。但是,当点击文本框时,键盘不会出现。

在尝试查找可能的原因时,我发现删除iScroll脚本使其正常工作,但在这种情况下我错过了滚动功能。

这是 iScroll 中的错误吗?如果是,是否有经过测试的解决方法?或者 iScroll 有什么替代品吗?

提前致谢。

0 投票
1 回答
9582 浏览

css - iOS safari: (-webkit-)box-shadow on input:focus 不起作用

Safari 对box-shadow.

box-shadow显示,但一旦元素获得焦点,阴影就会完全消失。如果您没有在 :focus 中设置任何内容,也会发生同样的效果。

它确实适用于 Desktop-Safari。我正在使用 iOS 5 beta (iPad),我无法在稳定版本或其他设备上对其进行测试。

有人对此有解决方案吗?

0 投票
1 回答
1019 浏览

android - 如何在 Android 应用程序中嵌入启用 SVG 的 webkit webview?

有没有办法在应用程序中嵌入定制的 webkit 引擎来添加支持 SVG 的 WebView?

0 投票
18 回答
319047 浏览

html - 自定义项目符号符号
  • 中的元素
      这是一个常规字符,而不是图像
  • 我意识到可以使用 CSS 属性将自定义图形指定为替换项目符号字符:

    然后给它一个 URL。

    但是,就我而言,我只想使用“+”符号。我不想为此创建一个图形然后指向它。我宁愿只是指示无序列表使用加号作为项目符号。

    可以这样做还是我必须先将其制作成图形?

    0 投票
    2 回答
    2162 浏览

    android - 三星 Galaxy Tab 10.1 和 -webkit-tap-highlight-color 样式?

    我正在尝试关闭默认的 Android 网络“突出显示”(到处推荐的 -webkit-tap-highlight-color 样式“修复”)——这在大多数设备上都很好用,但不适用于我的 Galaxy Tab 10.1——任何有一个“点击”处理程序,当它在浏览器中“点击”时,将始终以默认的“深色”突出显示。

    例如。

    我的 CSS 中有这个:

    • 然后使用 jQuery 在 div 上设置一个“点击”处理程序:

      <div id="test" >某种内容</div>

    • 使用以下代码:

      $("#text").click(function(e) { alert("Hello !") });

    使用在 Galaxy Tab 10.1 浏览器中运行的简单代码,您总是会在 div 上获得“突出显示”,它似乎完全忽略了样式?

    有人有想法么 ?似乎通过使用“touchstart”和“touchend”事件,这取决于我捕获这些事件的“级别”,但这似乎有点过分了——Galaxy Tab 浏览器有什么特别之处吗?我已经尝试过搜索,但是要查找的术语组合太多了,我迷路了:(

    谢谢

    克里斯

    0 投票
    1 回答
    3234 浏览

    javascript - 移动Safari中的弹出窗口问题

    我正在开发出于某种目的需要打开新浏览器窗口的 Web 应用程序。我正在为此使用 JavaScript window.open() 方法。一旦使用此方法创建子窗口,我正在使用 window.focus() 方法在两者之间导航父子窗口。这适用于所有桌面和安卓浏览器。

    代码:

    打开窗口:

    从孩子切换回父母

    再次切换到孩子

    现在的问题是,当我在移动 safari(ipod touch)上使用它时,它会显示警报消息“此站点正在尝试打开一个弹出窗口”,并带有“允许”和“阻止”选项。当我单击允许时,它会打开新窗口,但使用 window.focus 的导航不起作用。我认为这是因为 safari 浏览器将其作为弹出窗口而不是完整的浏览器窗口,因此它在创建时无法返回浏览器对象(myWindow )。

    在同一个应用程序中,我在单击按钮上使用相同的代码,它在 ipod 上运行良好,没有此类警报消息,但它不适用于锚标记。

    任何人都可以指出我应该怎么做才能使它工作,在此先感谢。阿尼尔。

    0 投票
    1 回答
    636 浏览

    css - 背景总是填满浏览器窗口,即使在移动浏览器上?

    我已经在Stretch and scale CSS background(以及http://css-tricks.com/3458-perfect-full-page-background-image/)尝试了答案,它在 Firefox 和 Chrome 中运行良好,但两种方法在 Android 浏览器中失败。这两种技术都以同样的方式失败:当我向下滚动时,背景会留在后面,所以我最终会得到一个白色的背景。(您可以通过在Android浏览器中查看此页面来查看问题:http: //css-tricks.com/examples/FullPageBackgroundImage/progressive.php

    当我开始滚动时,背景会发生初始跳跃;我认为这与位置框不再可见(即浏览器窗口大小增加)有关。

    将手机从横向转为纵向时的行为基本相同;在上面的示例 URL 上更难看到,因为在该示例中背景将几乎填满高度。当文本较长时,它以相同的方式中断。

    Android 2.2.1 版本,内置webkit 浏览器。

    行为是不同的,但同样是错误的,Opera mobile:当我滚动时,会有半秒的延迟,然后背景会跳转。但背景也只占高度的 80%,所以屏幕顶部或底部有一个白色块。(这是“较低 z-index 上的 img”解决方案;css3 background-size 解决方案在 opera mobile 上根本不起作用。)

    0 投票
    6 回答
    14933 浏览

    ios - 使用 webkit-overflow-scrolling 滚动时 iOS5 图像消失:触摸

    我以前一直在使用 iScroll 插件,但想放弃它以适应本机行为。

    最初的实现是使用

    但是我将其更新为...

    ..启用触摸滚动上的运动/惯性。

    问题是导航中包含的列表项在滚动时完全消失,只有在势头停止后才会返回。

    可以在这里看到一个例子

    0 投票
    1 回答
    1999 浏览

    performance - 移动设备上的 CSS3 性能

    我们一直在 iPhone (3G + 4) 上使用 CSS3 进行测试,但遇到了一些性能问题。

    我们有一个显示个人资料图片 + 额外信息的Web 应用程序。



    我们有一个(默认我们将框隐藏 90%):



    我们有 3 个图标,下面有一个标签:

    现在,如果我们为盒子设置动画(让它移动到更高的 Y 位置),动画真的很慢,甚至不流畅。

    我们可以做些什么来使动画流畅?

    PS。在 iPhone 4S 上运行非常好(因为 CPU 更好)

    0 投票
    1 回答
    2408 浏览

    web-applications - 短信 url 方案在 IOS5 上不起作用

    在针对 iphone 和 android 的网络应用程序中,我有一个“TEXT ME”按钮,单击该按钮时,会引导用户发送带有预填数字和正文的短信。这在 ios 5 之前的 iphone 中运行良好。在 IOS 5 中,单击按钮不会导致短信应用。我缺少的短信 url 方案在 IOS 5 中是否有任何变化。这是我正在使用的短信:2062142930?body=Mobile%20Inquiry&

    谢谢zAfar