问题标签 [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 投票
1 回答
3152 浏览

json - 移动浏览器上的原生 JSON 对象支持

我想使用 JSON.stringify 和 JSON.parse 在移动浏览器上做一些工作,例如 iOS 上的移动 safari 和 android 上的 Webkit 浏览器以及两个平台上的 WebView。我想知道兼容性。

PS:我在 android 2.1 和 iOS 3.2 上测试了这个功能,它们都支持。

0 投票
1 回答
4239 浏览

javascript - 是否有适用于 JavaScript 的 Aztec 条形码生成器库?

我正在寻找 Aztec (2D) 条形码的开源图像生成脚本:

阿兹台克条码

我似乎找不到任何可用的脚本。

这里有一个只能在 IE 中使用的 Active-X 控件和这里的图像生成器 URL 但这些都没有用,因为它应该是在基于 webkit 的浏览器下运行的纯 javascript 解决方案,可以在移动应用程序的断开模式下运行.

任何人都有一些用javascript编写或可以移植到javascript的旧代码?

谢谢。

0 投票
0 回答
308 浏览

javascript - 将 CSS 类应用于选择而不破坏 Rangy 中先前序列化的范围?

我正在开发一个在 WebKit 中显示静态 HTML 并允许用户选择和突出显示文本的查看器应用程序。

我的方法是保持静态 HTML 文档完整,并将高亮部分保存在单独的位置。Rangy非常适合序列化选择,以便在应用程序再次启动时可以存储和重新应用它们。

但是,使用 CSS Class Applier Rangy 扩展来标记突出显示的部分,会更改文档的 DOM 结构,从而使所有先前序列化的范围无效。

是否可以在不更改 DOM 结构的情况下将 CSS 类应用于用户选择?

非常感谢!

0 投票
1 回答
347 浏览

css - CSS3 转换后,链接在 Android 浏览器中未突出显示

我有以下设置:

我使用 CSS3 转换为第一个元素的高度变化设置动画,然后单击链接。在移动版 Safari 中,如预期的那样,链接会以半透明的叠加方式突出显示。在 Android 浏览器(测试 2.1、2.2、2.3)中,链接是可点击的,但不会突出显示。实际上,我通常可以单击并按住链接的旧位置并在那里获得点击突出显示。

在这里演示:http: //jsfiddle.net/bnickel/DmMZN/

缺陷似乎是Android有一层与已知元素位置相对应的“接触点”,但在CSS3动画之后不会更新这些点。是否有任何安全的方法来确保接触点正确更新?我可以执行webkitAnimationEnd回调。

0 投票
0 回答
226 浏览

android - 是否可以在android上使用css3翻转div

在 IOS 或 chrome 上,如果我调用这样的关键帧,div 会翻转:

}

但在安卓手机上,div 旋转 90 度。是否有修复在 android 设备上翻转 div 的方法?

0 投票
1 回答
179 浏览

html - 如何防止移动设备在浏览器外播放视频?

我使用 html5 标签嵌入了一个 mp4 文件。但是当我在移动设备的本机播放视频时,它会在单独的视频播放器中打开视频,全屏播放。我怎样才能防止这种情况发生?

0 投票
1 回答
256 浏览

sencha-touch - minify sencha js 在平板电脑的 webkit 浏览器中不起作用

我是 sencha 开发的新手,在 js 中遇到问题。

minify sencha 2 js 无法在平板电脑和移动设备的 webkit 浏览器中运行,任何人都可以帮助我。

有什么方法可以在平板电脑的 webkit 浏览器中调试 sencha js。

谢谢

0 投票
0 回答
615 浏览

ipad - 缩放整个 div/站点以适应 webkit 的屏幕

我有这种情况: http: //jsfiddle.net/neko/CTA4C/7/(图片仅供参考)

HTML:

jQuery:

CSS:

简而言之,我<img>在一个 div 内部作为背景固定在页面中,在它内部(div)另一个 div 带有一个<img>由 JQ 触发的移动。

所以问题是:我如何缩放整个页面/div 容器,使 img 适合屏幕高度,保持与移动的关系,移动div的起始位置值以 px 为单位?

我试过类似的东西,-webkit-transform: scaleY()但它只是一个缩放器,对吧?它不工作-webkit-transform: scaleY(100%)吗?

我的最终目标是拥有一个固定的像素“画布”,它可以通过适应设备的高度来伸展自己,同时让孩子们表现得像父亲一样。

ps 这仅适用于基于 webkit 的平板电脑,所以我只使用 webkit 专用代码没有问题。

0 投票
1 回答
2375 浏览

android - 媒体查询,不适用于移动浏览器和 Chrome

我在 CSS 样式中遇到了我网站的@media 问题,目前当我在 firefox 中测试我的网页时,一切正常,即使缩小到 450 像素(我认为这是我在停止之前可以缩小多少)。但是,在 Chrome 中进行测试时,似乎在缩小屏幕时没有调用任何媒体样式,因此在测试时它在我的 android 浏览器上不起作用。

谁能告诉我哪里出错了。网址是(now.hidden-由于问题已回答),我将从 css 中删除一些代码。忽略我一直在玩不同的东西来尝试让页面正常工作的媒体宽度。

哦,我也尝试过使用 -webkit-min-pixel-ration:0 但我不太明白它是如何工作的。

这是CSS

0 投票
1 回答
376 浏览

javascript - Webkit 移动浏览器中未准确捕获的 OpenLayers 纬度

我正在使用地图编程页面,我需要在地图上捕获点击/单击的位置并存储坐标。我正在使用 OpenLayers js。在桌面浏览器(IE/FF/Chrome)上,这工作正常。在移动设备上,点击在默认的 Android 浏览器上被正确捕获(在真实设备和模拟器中)。

然而,在移动 webkit 浏览器(iPhone Safari 和 Android Chrome Beta)上,我们遇到了一个问题,即在实际点击高几个像素(朝北)处捕获点击。该错误未修复(因此,我不能只在事件的 xy 上添加 100 来重新校准顶部。)

这是我用作点击处理程序的代码:

我应该做些不同的事情吗?有没有其他人在使用 OpenLayers 时看到移动 webkit 浏览器上的不准确问题?