标签: chrome-for-android

如何在Chrome for Android中强行重新加载

在Chrome for desktop中,我在开发工具中有选项可以在打开开发工具时完全禁用缓存.我可以选择在长按"重新加载"按钮时手动执行硬重新加载(打开开发工具).

Chrome for Android是否有这样的技术?我没有找到任何设置.当我想强制浏览器下载一些javascript或css文件而不是在开发时使用缓存文件时,我该怎么办?

google-chrome google-chrome-devtools chrome-for-android

180
推荐指数
15
解决办法
14万
查看次数

如何在Galaxy S3 Android设备上的Chrome中执行检查元素?

如何在Galaxy S3 Android设备上的Chrome中执行检查元素?

我已经尝试了一些在线指南,一个说使用这个Android SDK的东西来运行adb forward tcp:9222 localabstract:chrome_devtools_remote,但所有这些都是"错误:设备未找到".

任何人对如何做到这一点都有任何想法?

android google-chrome chrome-for-android

33
推荐指数
5
解决办法
16万
查看次数

在Android设备上使用window.print()或替代方案

在Android设备上(我测试过Nexus 5,Nexus 10,Galaxy S4和Galaxy Tab 3),window.print()JavaScript中的命令没有做任何事情.据我所知,它甚至没有注册错误.

我知道大多数(如果不是全部)这些浏览器都可以打印,因为您可以使用移动Chrome的菜单选择"打印".

为什么不window.print()触发您期望的行为(打开客户端打印菜单)?是否有Android替代品window.print()

javascript android google-chrome chrome-for-android

10
推荐指数
3
解决办法
3万
查看次数

Android Chrome 中深色模式的主题颜色

在 HTML 中,您可以像这样定义主题颜色:

<meta name="theme-color" content="#ff0000">
Run Code Online (Sandbox Code Playgroud)

在 Android Chrome 等移动浏览器上,这将更改地址栏的颜色。但是当使用暗模式时,这个值会被忽略(在撰写本文时)。为此比较以下两个图像,第一个具有(默认)亮模式,第二个具有暗模式

有没有办法为暗模式定义主题颜色?理想情况下有两种不同的颜色 - 一种用于浅色模式,一种用于深色模式?

html meta-tags chrome-for-android android-night-mode

9
推荐指数
1
解决办法
2205
查看次数

如何在Android模拟器上运行适用于Android 4的新Chrome?

我希望能够测试我在新的Android版Chrome中开发的基于网络的应用.我确实安装了Chrome Beta apk,但每当我尝试在地址栏中输入网址时,浏览器都会崩溃说"不幸的是Chrome已经停止运行".

我没有SmartPhone,但我需要测试,因为我的客户端将使用运行Android 4+的设备

我在OSX Lion 10.7.4上运行Android Emulator.我的模拟器规格:

Model #: sdk
Android version: 4.1.1
Kernel version: 2.6.29-gc497e41
Build #: sdk-eng 4.1.1 JRO03E 403059 test-keys
Run Code Online (Sandbox Code Playgroud)

显然,获取新Chrome的唯一方法是通过Google Play应用程序,这不是模拟器附带的默认应用程序,因此我按照此帖子中的说明安装并运行了Google Play应用程序:Google Play在Android 4.0模拟器上

我不得不在Play商店应用中搜索Chrome.一旦找到,它说与我的设备不兼容,没有按钮下载它.

Play网站上有关适用于AndroidChrome浏览器的信息:

CURRENT VERSION:
18.0.1025308
REQUIRES ANDROID:
4.0 and up
Run Code Online (Sandbox Code Playgroud)

无论如何都要在我的模拟器上运行最新的Chrome?Android Emulator开发人员何时能够在新发布的Android版Chrome中进行测试和开发?

android google-chrome android-emulator google-play chrome-for-android

8
推荐指数
1
解决办法
4013
查看次数

当手机屏幕锁定时,WebSocket 连接会发生什么?

当手机浏览器有一个打开的连接,并且用户锁定屏幕时,那么在某个时刻他们将不再有 WebSocket 连接。

发生这种情况时会触发哪些事件?是WebSocket.onerrorWebSocket.onclose调用处理程序,如果是,是否会在屏幕锁定/应用程序暂停或应用程序再次恢复时发生这种情况?

(还有一个问题:这是标准化的,还是浏览器的行为不同,如果是,如何?)

mobile-safari websocket chrome-for-android mobile-chrome firefox-android

8
推荐指数
1
解决办法
3186
查看次数

阻止Android关闭在后台播放音频的Progressive Web App

我写了一个渐进的网络应用程序,它使用Web Audio API播放音乐.常见的用户旅程是开始播放音乐,然后在仍然听音乐的同时更改为其他应用.这工作正常一段时间,直到android决定它需要更多的资源用于其他应用程序并关闭我的PWA没有警告.

有没有办法提示浏览器和操作系统,尽管不在前台,用户仍在使用特定的网络应用程序?当音乐暂停时,我很好地在后台整理它,但在用户还在听某事的时候却没有.

我感兴趣的主要浏览器是Chrome for Android(虽然平台不可知的东西是理想的).

android chrome-for-android progressive-web-apps web-audio-api

7
推荐指数
1
解决办法
997
查看次数

从Android 4.1开始,android webView会成为Chrome引擎吗?

根据2012年谷歌I/O谈话(摘录如下),android webView将从4.1版本开始以铬为基础.这已经是下载源代码的情况了吗?

另外,我应该如何解释"WebView和Chrome浏览器是否相同"的说法?这是否意味着Chrome浏览器将像原始Android浏览器一样构建在webView上.

问:使用Android上的Chrome,原始Android浏览器和WebView会发生什么?

答:ICS-> JB升级不会预先安装Chrome.WebView将转换为基于Chromium的代码.Android和Chrome工程师正在合作.

问:WebView会更新吗?

答:升级操作系统时,WebView和Chrome浏览器将保持一致.每隔6周Chrome就会更新,但WebView不会.小心不要破坏任何东西.

http://www.zdnet.com/blog/burnette/google-io-2012-android-fireside-chat/2637

android webview chromium chrome-for-android

6
推荐指数
1
解决办法
6958
查看次数

如何识别有助于重现Android Web浏览器的Web渲染错误的因素?

最近,我一直在研究一些网络渲染错误的门票,这些漏洞只能出现在Android设备的一个子集上(甚至是单个Android设备上).此类别中重现的bug似乎真的很难 - 有时我发现我不能做所有,更糟的是,有时我我可以在某些设备上,但不是别人,不知道为什么.

例如:QA最近报告了一张影响"Galaxy Tab/Android QA build 4.1"的故障单.我试过了

  • 使用4.1运行模拟器(ADT和Genymotion)(无法在那里重现)
  • 运行4.1的两个不同的Galaxy Tab设备(无法在那里重现)
  • Browserstack的Galaxy Tab 2 10.1模拟器(运行Android 4.0)......我看到了QA附加到故障单上的截图,显示了成功再现问题.

这是伟大的,我终于解决了这个特定的错误,但在另一方面,它本来是很容易的第一个两次尝试后放弃,从来没有试过Browserstack.我找到了一种重现它的方法,这是运气不好的一半.我想很少依靠这一点,学会更好(一)确定可能的地方,我可以重现的问题(二)烧烤QA给我我需要的所有细节.

有哪些相关变量?我想的是:

  • Android版本
  • 浏览器版本
  • 也许内核版本?
  • 股票与自定义操作系统(运营商/制造商变体可以发挥多大作用)?
  • 屏幕尺寸/分辨率
  • 其他硬件变化?

但我不太了解这些相互作用或其他可能发生的事情.

提出这个问题的另一种方式 - 如果有人来找我并说"嗨,我在使用Samsum DroidTab浏览时在网站上发现了问题?" (或其他不准确指定的设备)究竟是什么,我需要找出为了找到另一台设备/仿真器上,我可以可靠地重现他们看到了什么?

android cross-browser android-emulator android-browser chrome-for-android

6
推荐指数
1
解决办法
976
查看次数

用户将其切换为桌面版后,Chrome for Android的用户代理是什么?

我们知道Chrome for Android的用户代理是:

Mozilla/5.0(Linux; Android 4.0.4; Galaxy Nexus Build/IMM76B)AppleWebKit/535.19(KHTML,与Gecko一样)Chrome/18.0.1025.133 Mobile Safari/535.19

我们还知道最新版本的Chrome for Android提供了一项新功能,允许用户通过图形用户界面手动将其Android版Chrome转换为桌面版.

在用户切换到桌面版之后,我想知道Chrome for Android的用户代理.

mobile user-agent android google-chrome chrome-for-android

5
推荐指数
1
解决办法
2万
查看次数

修复了移动设备上缩放浏览器窗口上的 div 位置

在桌面浏览器中缩放 HTML 页面时,固定位置 div 将像页面的其余部分一样缩放,并保持其相对于视口的位置固定。Chrome 移动浏览器上也曾经出现过这种情况(在版本 39 中仍然如此),但在移动版 Chrome 40 上,它开始表现得与移动版 Safari 类似,并且当页面缩放时,固定元素将固定为缩放后的尺寸。如果页面处于 100% 缩放(有一些注意事项),它们将位于文档的位置。

这是一个 div 位置为固定的页面:固定 http://betterstatistics.org/tests/fixedpos

对于移动设备,我根据缩放比例缩放 div,并保留position:fixed 属性,这样我就不必在滚动时重新定位它,我想根据缩放设置位置。

这是我的尝试: http://betterstatistics.org/tests/fixedpos/attempt001.html(仅适用于移动设备)

相关行:

orig_w = 300;
orig_h = 100;
document.body.addEventListener('touchend', repositionDiv);

function repositionDiv(){
  var zoom = getZoom();
  var d1 = document.getElementById("div_br");
  var w = (orig_w / zoom);
  var h = (orig_h / zoom);
  d1.style.width = w + 'px';
  d1.style.height = h + 'px';
  d1.style.left = (window.scrollX + window.innerWidth - d1.offsetWidth) +'px';
  d1.style.top = (window.innerHeight - d1.offsetHeight) +'px'; …
Run Code Online (Sandbox Code Playgroud)

javascript css css-position chrome-for-android

5
推荐指数
1
解决办法
2405
查看次数

固定在Chrome移动设备上的位置,导致滚动时出现问题

在过去的一个小时中,我一直在研究此问题,并且看到了类似的问题,但是我不确定它们是否完全相同。某种程度上可能相关,但是没有一个答案可以帮助我解决问题。

采取以下代码:

<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            html, body {
                height: 100%;
                margin: 0;
            }

            main {
                background-color: orange;
                height: 1500px;
                margin: 50px;
            }

            footer {
                background-color: green;
                position: fixed;
                height: 50px;
                left: 100px;
                right: 100px;
                bottom: 100px;
            }
        </style>
    </head>
    <body>
        <main></main>
        <footer></footer>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这很难调试,因为我似乎无法始终如一地重现该问题。我一直在向上和向下滚动-使Chrome for Android上的地址栏显示和隐藏-最终,将发生以下情况:

在此处输入图片说明

由于某种原因,footer绘制位置正确(由CSS指定),但是Chrome开发人员工具会在不同位置检测元素(并非总是如屏幕快照所示)。

为什么这是个问题?

假设我内部有可点击的元素footer,这些元素的可点击区域将在Chrome开发者工具检测到的“蓝色”区域中,而不是页脚实际绘制的位置(绿色区域),因为它应该是用户所在的位置看到。

有什么想法吗?

css css-position chrome-for-android

5
推荐指数
1
解决办法
2523
查看次数