Question

我想知道如何在ChromeOS应用中动态调整iFrame的大小（到应用程序大小）。此时，它只是显示一个白色背景（替换iFrame中提到的网站），周围有一个黑色边框（应该在那里，如CSS中所述）。

这是我的window.html：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <script src="jquery-3.3.1.min.js"></script>
    <title> GRLC Browser </title>
    <style>
        #ifrm {
            width: 100%;
            height: 100%;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: 2px solid black;
        }
        .iframe {
            width: 100%;
            height: 100%;
        }
        diiv {
            width: 100%;
            height: 100%;
            border: 2px solid black;
        }
        /* DIV and IFRM sizing needs a Band-aid */
    </style>
    <script>
        // Auto Size Adjustment Needs a Banda-id
        var html = document.documentElement;
        var height = $(window).height();
        document.getElementById("diiv").setAttribute("style","height: " + height + "px;");
        document.getElementById("ifrm").setAttribute("style","height: " + height + "px;");
    </script>
</head>
<body>
    <div id="diiv">
    <iframe src="https://garli.co.in">
        <p>Your browser does not support iframes.</p>
    </iframe>
    </div>
</body>

这是我的manifest.json：

{
"name": "GRLC Browser",
"description": "Search the Baked Blocks of Garlic on ChromeOS",
"version": "0.1",
"manifest_version": 2,
"app": {
    "background": {
        "scripts": ["background.js"]
    }
},
"incognito": "not_allowed",
"content_security_policy": "default-src 'self' 'unsafe-eval' 'unsafe-inline'; script-src 'self' 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-eval' 'unsafe-inline';",
"minimum_chrome_version": "47",
"icons": {
    "128": "icon-128.png"
 }
}

提前感谢您的帮助！

Answer 1

在W3网站上找到this。

基本上：使用JavaScript，在SHA-256 / base64中对其进行加密，然后将其添加到清单中。

这有助于Linux上的加密（需要OpenSSL）： echo -n "alert('Hello, world.');" | openssl dgst -sha256 -binary | openssl enc -base64

以下是内容安全策略值的示例：

default-src 'self'; script-src 'self' https://example.com 'sha256-base64 encoded hash';

希望有帮助，而且你不需要我编译，

马特

Chrome扩展程序中的IFrame

1 个答案: