问题标签 [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.
javascript - 挂钩浏览器旋转
我想JavaScript
在手机旋转时执行一些代码。我正在使用jQuery
. 是否有可以与移动浏览器一起使用的自定义挂钩?
我能想到的一种方法是挂钩视口大小的变化,并检查高/宽比是否发生了变化。有没有我可以使用的 API 方法?
css - 相对于父框高度的字体大小
我有块级元素,其height
属性设置在%
. 在这些块级元素内部是<span>
带有文本的 s。例子:
这在移动浏览器上看起来相当不错,除了当我旋转设备时(即一旦body.onorientationchange
事件开始),文本变得太大。
所以我的问题是,如何指定相对于父元素高度的文本大小?
javascript - 在 UIWebView 中加载图像的 ipad 内存问题
我有一个类似的问题: iPad/iPhone browser crashing when loading images in Javascript
...但我想澄清一下,我的问题是由相同的内存问题引起的,如果是这样,我能做些什么。
我理解为不在视图中的 img 元素加载“tiny.gif”图像的建议解决方法,但问题是,我没有使用大量 img 元素。我用的是四个。滑动 div 中的三个在下一个/上一个图像中滑动,一个在滑动 div 进行滑动时显示当前图像。解释机制有点困难,但关键是,只有四个图像元素,我只是不断地交换它们的 src。
所以我没有得到的是..如果内存中只有四个 img 元素,我该如何解决内存问题?如果 slide_one 是一个 src 为 one.jpg 的图像,我将其 src 更改为 two.jpg,那么 one.jpg 肯定会从内存中清除,对吗?
只是一点背景:我正在通过 UIWebView 作为 iPad 应用程序运行 HTML 页面。我看到的行为是我可以加载大约 25 个这些大约 250kb-per-image JPEG,然后它停止加载它们(src 属性已更新,但图像公然保持不变)。这听起来与我听到的 6MB 限制非常相似,但我没有看到任何警告或崩溃(至少,在我正在调试的 iPhone 模拟器中没有)。
感激地收到任何建议...... :)
iphone - 链接锚点在 iPhone 的浏览器中只工作一次
我正在为我的网络应用程序制作一个移动界面,并且我正在尝试使用锚链接来简化导航。我的代码与此类似:
问题是该链接只能工作一次。因此,如果用户使用他的 iPhone,点击该链接并跳转到第 2 部分,然后滚动回顶部并再次单击该链接,它将无法正常工作。他必须刷新页面。
有没有办法解决这个问题?
感谢你的帮助
javascript - Mobile Webkit:在所有情况下都能可靠地检测可视区域?
简短版:在我的移动网络应用程序中,我想始终检测屏幕的可视区域(例如,软键盘顶部(如果存在)和标题栏底部之间的空间),所以我可以调整我的布局,无需缩放,并始终保持页面在屏幕上完全可见。有没有可靠的方法来做到这一点?
更长的版本:在应用程序中,我正在抓取所有触摸事件并自己控制平移和缩放。控制栏固定在屏幕的顶部和底部,始终可见。我的 veiwport 设置是:
我的愿望是始终使我的页面布局适应浏览器窗口的可视区域,因此没有任何东西会脱离屏幕。因此,当键盘出现或消失,或者方向发生变化时,我需要检测宽度和高度并相应地重新布局。
如果不是屏幕键盘,window.innerWidth和window.innerHeight就足够了。但是,当键盘出现时,事情就会变得古怪(仅在某些严格控制的条件下有效)。天堂禁止在键盘启动时改变方向。
DOM 中有什么可以告诉我我想要什么吗?我真的更愿意动态地解决这个问题,而不是将界面元素的大小硬连线到我的代码中,但如果没有其他方法,我会诉诸于此。
抱歉冗长,很难捕捉到我所经历的所有怪异。我的测试主要在运行 3.2 的 iPad 和运行 4.1 的 iPhone 上进行;两者的行为一直不一致。
iphone - 在其他地方触发时的 GWT 焦点问题
这是我的设置:
- 我有一个按钮和一个文本框
- 文本框有一个触发“selectAll”方法的“onFocus”处理程序
- 该按钮有一个“onClick”处理程序,它执行以下操作:
- 显示文本框
- textbox.focus(true) 和
- 文本框.selectAll();
但它没有(在移动设备上)。问题是:这适用于 FF 和 Safari - 但不适用于移动 WebKit。当我单击按钮时,该字段获得焦点并选择一毫秒(有时甚至不是),然后返回焦点按钮......</p>
A 已经尝试插入一个 Timer,然后它会做焦点 - 也不起作用。
我还尝试捕获所有事件并阻止它们 - 因为在 onClick 之后按钮触发了 onFocus 事件。我什至尝试从按钮的 onFocus 事件将焦点设置到文本框。没有机会。
还有其他想法吗?
javascript - 如何在 WebKit 中调用参数化的 javascript 函数?
我正在尝试将 2 个参数传递给 javascript 函数。此代码webview.loadUrl("javascript: function_to_call();");
在没有参数的情况下可以正常工作,但我无法将其与参数一起使用。
这是 javascript 连接:
这就是我从 java 中调用它的方式:
编辑:我找不到问题,我改变了我的方法,现在我每次需要时都会注入整个 javascript 函数并进行所需的更改。这不是最好的解决方案,但它确实有效。感谢大家的帮助。
javascript - Android 浏览器 - Javascript window.innerWidth 返回错误值
我正在使用 Android G1 默认 Web 浏览器,并且正在使用 JavaScript 进行开发 - 当我在网页上放大或缩小时,我无法获得真实的视觉宽度和高度。
当我放大/缩小时,似乎我从 window.innerWidth 中得到了错误的值。
我想要做的是 - 在视觉固定的地方显示一个元素,即使我正在缩放和滚动页面。- 这样用户无论是缩放还是滚动都可以看到该元素。
我已经尝试使用“固定”位置但没有成功。使用视口元标记可能不是一个好的解决方案,因为我不想限制网页尺寸并且我确实希望支持缩放功能。
有没有人有解决方案或想法我可以如何实现这一目标?
javascript - 连续 JavaScript 滚动器
连续 JavaScript 滚动器
我有以下脚本正在处理下一次和上一次点击。大约有 1 到 3 个 div,我为此添加了这个 JavaScript,以便在下一个和上一个按钮操作时从左到右流动,反之亦然。
我想让它连续滚动。在第三个 div 滚动条之后应该再次导航到第一个 div。它不应该朝相反的方向发展。流动应该一次又一次地连续。
请就实现这一目标的解决方案提出建议。
js
css - iOS 3.2 中的 webapp 内出现乱码
我为 iOS 设备编写的 web 应用程序有问题。它只在 iOS 3.x 中表现出来。
以下是我遇到的问题:
计算的样式是:
这是表格行内的普通输入字段。
对正在发生的事情有任何想法吗?