问题标签 [mobile-chrome]

我正在使用weinre远程调试 android chrome 浏览器。我必须在每个页面中包含一个自定义 javascript 文件，以便在 weinre 服务器和移动浏览器之间建立通信。

如何在移动浏览器的每个页面上注入自定义 JS？

首先在 android 上使用 chrome 将是一个不错的选择，其他浏览器（IOS 上的 Safari 和 Android 上的 Firefox）的提示将不胜感激。

提前致谢 ！

我有一个使用 socket.io 的应用程序，socket.emit()但不能在移动 chrome 上工作（在 Android 和 iOS 上）。我可以看到socket.emit()正在浏览器中执行。但是我的服务器端 console.log 语句socket.on()没有运行，所以我认为消息没有到达那里。我在控制台中也看不到任何错误。

不过有趣的是，在隐身模式下一切正常，在 Safari 等其他移动浏览器中也能正常工作。

任何解决方案或调试帮助都会有所帮助。

编辑：

客户端代码

服务器端代码

编辑2：

socket.io-1.3.5.js我在客户端手动指定了文件（而不是使用默认的/socket.io/socket.io.js）并开始在控制台中看到这个错误：

我们正在使用纯java 脚本来创建 websocket 客户端并连接到 websocket 服务器（superwebsocket）

我们正在尝试在我们的 android 应用程序（4.4 版本）的某些页面中连接和处理 web 套接字。当我尝试打开具有 Web 套接字连接的页面时，它会抛出以下错误“与 'ws://machinename:9013' 的 Websocket 连接失败：通过代理服务器建立隧道失败”

以下是我的观察：

1. 通过模拟器，成功连接到web socket
2. 从手机 Mozilla 浏览器，成功连接到 web socket
3. 从 Chrome（Android 应用程序在 chrome 移动版中打开 url）在连接到 Web 套接字时抛出错误“通过代理服务器建立隧道失败时连接失败”。
4. 如果手机使用的是旧版本的 chrome 即 41.0，则 Web 套接字连接成功，但如果 chrome 版本超过 41.0，则会抛出上述错误。现在最新的chrome版本是43。

您能否提供一些建议如何进一步进行..移动 chrome 是否有任何新变化导致此问题？

我在 Safari 中遇到了一个关于 CSS 动画延迟的令人沮丧的错误。

该动画在 Chrome、Firefox、IE11、IE10 的桌面上运行良好，但在 Safari 中我得到的结果好坏参半。在等量的暂停后（由动画延迟控制），袋子的各个部分都应该显示出来。

Desktop Safari 有时会正确显示，而其他时候会减慢包过渡的第一部分并加快结束，或者它将几个过渡聚集在一起。在 iPhone 6 上的移动 Safari 和移动 Chrome 中，有时它会一起忽略动画延迟并立即转换整个包。当性能不一致时，我很难进行故障排除。我添加了一些 JavaScript 以确保在开始动画之前将所有资产加载到页面上，但这似乎没有帮助。有人知道这里发生了什么吗？

http://codepen.io/brendamarienyc/pen/qdoOZM

请善待，我在这里搜索论坛寻找答案，甚至因为在错误的地方问这个问题而降低了我已经很可怜的评级:(

我希望通过在一秒钟左右后“自动隐藏”URL/Nav 栏（滚动时重新出现）来使我的网站表现得更像 Firefox 移动浏览器中的行为。有没有已知的方法可以实现这一目标？

非常感谢任何帮助。

提前致谢。

特里

这个问题有两个部分。

第一个问题是为什么 iOS Chrome 地址栏在某些网站上滚动出视图而在其他网站上却没有？

EG http://getbootstrap.com上的地址栏是固定的，而https://uk.yahoo.com上的地址栏是向上滚动的。

是什么触发了这种行为？

问题的第二部分是我正在尝试创建一个全屏固定的左侧菜单滑出。

问题是当页面滚动时，左侧菜单也会向上滚动，在底部留下 60px 的间隙。

你能建议任何解决这个问题的方法吗？

谢谢！

我有这段代码可以在 html5 页面中播放视频：

问题是它不适用于移动 chrome（Android 手机）和移动 safari（iPhone）。但它适用于桌面的“每一个”浏览器（用 Safari、Chrome、Firefox 测试），也适用于移动 Firefox（Android 手机）。

我怎样才能克服这个问题？

编辑： 添加此代码：

如果我添加一个触发函数 playVid() 的按钮，它就可以工作。所以我认为问题出在自动播放上。我试图用 load 事件触发该功能，但它不起作用。

这是一个奇怪的错误，我的 div 具有固定的定位和顶部属性为 x 像素，认为当 chrome/safari 在滚动时自动扩展视口时，视口的顶部没有改变。

更奇怪的是，当 chrome/safari 在滚动时自动展开时，其他固定在视口顶部/底部边缘的固定定位元素会自然移动并保持固定在视口边缘。

我的 CSS 是否因为某种原因而受到指责？

在 youtube 上查看显示该错误的视频。https://youtu.be/AMJKq3vfFkQ

如果您想调试 CSS，该网站位于 babbly.com。我在这里粘贴了一个简化的 CSS。

红框就是那个人。

iOS 中的移动 Chrome (v45.2454.68) 在使用数据 uri 呈现音频元素时显示错误。

它适用于桌面版 Chrome、Safari 和 Firefox，也适用于移动版 Safari。有没有办法解决它？

在努力使我们的网站具有响应性时，我按照以下方式实现了一个菜单系统 - http://www.sitepoint.com/pure-css-off-screen-navigation-menu/

一切都很顺利，直到我们将测试 iPhone 6 从 iOS 8 更新到 iOS 9。Safari 继续正常工作，但 Chrome 和我们使用 UIWebView 的应用程序不会呈现幻灯片过渡，除非我进入并使用手动切换某些东西Safari 网络检查器。

我已经尝试了Safari 在 iOS 9 上的建议不会触发隐藏输入文件上的点击事件，但它没有效果。

我也知道 javascript 位置/哈希错误，但不确定这是否相关。

有没有人遇到过这样的事情，并找到解决方法或解决方法？更新到 Safari Web 视图目前不是一个选项。