问题标签 [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.
json - 移动浏览器上的原生 JSON 对象支持
我想使用 JSON.stringify 和 JSON.parse 在移动浏览器上做一些工作,例如 iOS 上的移动 safari 和 android 上的 Webkit 浏览器以及两个平台上的 WebView。我想知道兼容性。
PS:我在 android 2.1 和 iOS 3.2 上测试了这个功能,它们都支持。
javascript - 是否有适用于 JavaScript 的 Aztec 条形码生成器库?
我正在寻找 Aztec (2D) 条形码的开源图像生成脚本:
我似乎找不到任何可用的脚本。
这里有一个只能在 IE 中使用的 Active-X 控件和这里的图像生成器 URL ,但这些都没有用,因为它应该是在基于 webkit 的浏览器下运行的纯 javascript 解决方案,可以在移动应用程序的断开模式下运行.
任何人都有一些用javascript编写或可以移植到javascript的旧代码?
谢谢。
javascript - 将 CSS 类应用于选择而不破坏 Rangy 中先前序列化的范围?
我正在开发一个在 WebKit 中显示静态 HTML 并允许用户选择和突出显示文本的查看器应用程序。
我的方法是保持静态 HTML 文档完整,并将高亮部分保存在单独的位置。Rangy非常适合序列化选择,以便在应用程序再次启动时可以存储和重新应用它们。
但是,使用 CSS Class Applier Rangy 扩展来标记突出显示的部分,会更改文档的 DOM 结构,从而使所有先前序列化的范围无效。
是否可以在不更改 DOM 结构的情况下将 CSS 类应用于用户选择?
非常感谢!
css - CSS3 转换后,链接在 Android 浏览器中未突出显示
我有以下设置:
我使用 CSS3 转换为第一个元素的高度变化设置动画,然后单击链接。在移动版 Safari 中,如预期的那样,链接会以半透明的叠加方式突出显示。在 Android 浏览器(测试 2.1、2.2、2.3)中,链接是可点击的,但不会突出显示。实际上,我通常可以单击并按住链接的旧位置并在那里获得点击突出显示。
在这里演示:http: //jsfiddle.net/bnickel/DmMZN/
缺陷似乎是Android有一层与已知元素位置相对应的“接触点”,但在CSS3动画之后不会更新这些点。是否有任何安全的方法来确保接触点正确更新?我可以执行webkitAnimationEnd
回调。
android - 是否可以在android上使用css3翻转div
在 IOS 或 chrome 上,如果我调用这样的关键帧,div 会翻转:
}
但在安卓手机上,div 旋转 90 度。是否有修复在 android 设备上翻转 div 的方法?
html - 如何防止移动设备在浏览器外播放视频?
我使用 html5 标签嵌入了一个 mp4 文件。但是当我在移动设备的本机播放视频时,它会在单独的视频播放器中打开视频,全屏播放。我怎样才能防止这种情况发生?
sencha-touch - minify sencha js 在平板电脑的 webkit 浏览器中不起作用
我是 sencha 开发的新手,在 js 中遇到问题。
minify sencha 2 js 无法在平板电脑和移动设备的 webkit 浏览器中运行,任何人都可以帮助我。
有什么方法可以在平板电脑的 webkit 浏览器中调试 sencha js。
谢谢
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 专用代码没有问题。
android - 媒体查询,不适用于移动浏览器和 Chrome
我在 CSS 样式中遇到了我网站的@media 问题,目前当我在 firefox 中测试我的网页时,一切正常,即使缩小到 450 像素(我认为这是我在停止之前可以缩小多少)。但是,在 Chrome 中进行测试时,似乎在缩小屏幕时没有调用任何媒体样式,因此在测试时它在我的 android 浏览器上不起作用。
谁能告诉我哪里出错了。网址是(now.hidden-由于问题已回答),我将从 css 中删除一些代码。忽略我一直在玩不同的东西来尝试让页面正常工作的媒体宽度。
哦,我也尝试过使用 -webkit-min-pixel-ration:0 但我不太明白它是如何工作的。
这是CSS
javascript - Webkit 移动浏览器中未准确捕获的 OpenLayers 纬度
我正在使用地图编程页面,我需要在地图上捕获点击/单击的位置并存储坐标。我正在使用 OpenLayers js。在桌面浏览器(IE/FF/Chrome)上,这工作正常。在移动设备上,点击在默认的 Android 浏览器上被正确捕获(在真实设备和模拟器中)。
然而,在移动 webkit 浏览器(iPhone Safari 和 Android Chrome Beta)上,我们遇到了一个问题,即在实际点击高几个像素(朝北)处捕获点击。该错误未修复(因此,我不能只在事件的 xy 上添加 100 来重新校准顶部。)
这是我用作点击处理程序的代码:
我应该做些不同的事情吗?有没有其他人在使用 OpenLayers 时看到移动 webkit 浏览器上的不准确问题?