标签: google-chrome-webview

Webview一直在失去焦点

我有一个应用程序,基本上只是内部公司网站的包装.我的想法是在我的Chromebook上轻松加载自己的窗口,这样当RAM变低时它就不会卸载.

我有一个非常简单的应用程序,只有一个WebView,它占用整个应用程序窗口.问题是,每当我从窗口切换回来时,webview就会失去焦点.这特别令人讨厌,因为它是一个聊天应用程序,我想立即开始通过alt-tabbing回到窗口.

每次窗口获得焦点时我都会关注webview,但是Window(来自chrome.windows)和AppWindow(来自chrome.app.window)之间的断开使得这一点非常重要.我需要的事件只存在于Window对象中,但我只能最终获得当前的AppWindow.理论上,当应用程序首次启动时,我可以获得当前活动的窗口,但这似乎是hackish和不可靠的.

的index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Chat App</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>
    <webview src="https://example.com/" id="chat"></webview>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

background.js

chrome.app.runtime.onLaunched.addListener(function(launchData) {
  chrome.app.window.create(
    'index.html',
    {
      id: 'chat'
    }
  );
});
Run Code Online (Sandbox Code Playgroud)

styles.css的

使webview消耗整个窗口有点棘手; 我不得不使用一些冗余的CSS属性来使其正常工作.

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#chat {
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome google-chrome-app google-chrome-webview

11
推荐指数
1
解决办法
1033
查看次数

chrome webview中的服务工作者支持

服务工作者是否支持chrome webview for android,如果是,那么支持哪个版本.尝试谷歌搜索,但没有找到适当的信息.

service-worker google-chrome-webview

10
推荐指数
1
解决办法
6030
查看次数

相机无法通过 webview 在 android 8.1 上运行

我有一个 Web 应用程序显示在 Android 上的 WebView 中。它可以通过浏览器界面制作照片。这适用于 8.1 之前的 Android 版本,但问题是,在 Android 8.1 版本上,相机无法打开(除了普通相机视图之外,没有显示任何内容),并且在拍摄快照时,结果照片始终是黑色的。

我使用的是 Chrome WebView v71.0.3578.99,但实际上即使在 Android WebView 上也存在问题。
所有必要的权限均已成功授予。
我在日志中找不到任何有用的内容,尝试了 WebView 调试但无济于事。

camera android webview google-chrome-webview

6
推荐指数
0
解决办法
361
查看次数

Google Chrome应用:Webview行为

在研究<iframe>Chrome扩展程序中的问题时<webview>,Chrome应用程序引起了我的注意并引起了我的兴趣.

所以我决定做一个我正面临的问题的小例子,<iframe>看看是否<webview>解决了.根据我对观看Chrome Dev视频的理解,这些视频的webview运行时间与您的应用程序不同; 它与您的应用没有相同的权限.所以我假设如果运行中的内容以某种方式与"主线程"(app)分开,我猜他们的内容将彼此分开执行而不会阻止应用程序或其他任何一个可能有一个可能长时间运行js executon.因此我做了以下事情:

background.js

chrome.app.runtime.onLaunched.addListener(function() {
  // Tell your app what to launch and how.
  chrome.app.window.create('window.html', {
      width: 1800,
      height: 1000
  });
});
Run Code Online (Sandbox Code Playgroud)

的manifest.json

{
  // Required
  "name": "Hello World!",
  "version": "0.1",
  "manifest_version": 2,

  // Recommended
  "description": "My first packaged app.",
  "icons": { "16": "calculator-16.png", "128": "calculator-128.png" },
  // "default_locale": "en",

  // Pick one (or none) OF browser_action, page_action, theme, app 

  "app": {
    "background": {
      "scripts": [ "background.js" …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome behavior google-chrome-app google-chrome-webview

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

通过Google Chrome App Webview冒泡通知

我有一个谷歌Chrome打包应用程序,并使用webview标记加载远程页面(我无法控制).该远程页面正在尝试请求通知权限,并且权限请求似乎没有冒泡到包装Chrome应用程序.

我正在使用以下(过度宽松)代码来允许来自webview的所有权限请求(并回显所有控制台输出):

  webview.addEventListener('permissionrequest', function(e) {
    console.log("webview requested " + e.permission);
    e.request.allow();
  });

  webview.addEventListener('consolemessage', function(e) {
    console.log('From webview: ', e.message);
  });
Run Code Online (Sandbox Code Playgroud)

我在网上找不到确认,但我认为网页浏览中尚不允许通知权限.如果我们假设是这种情况,是否还有其他方法可以强制Webview的网站通知权限不会被CORS阻止?

javascript webview google-chrome-app google-chrome-webview

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

Chrome 扩展 + 网页视图

我正在努力寻找这个问题的明确答案。

除 Chrome 操作系统外,所有操作系统均已弃用 Chrome 应用。

<webview> 只能在 Chrome 应用中使用?

这意味着我不能或不应该在扩展中使用 <webview> (如果可能)?

google-chrome google-chrome-extension google-chrome-app google-chrome-webview

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

Google Plus和Twitter应用在哪里打开Android上的链接

当您点击Android上的Twitter应用或Google+应用中的链接时,它会在Chrome网页浏览中打开.附加图像.我不知道它叫什么,我在哪里可以找到它的信息和基本的例子.

在此输入图像描述

android google-chrome android-webview google-plus google-chrome-webview

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