google-chrome 相关问题

如何仅在变换上应用转换：translateX()？

身体{ 高度：100vh； 显示：柔性； 调整内容：居中； 对齐项目：居中； } div { 高度：50px； 宽度：200px； 背景：rgb(255,99,99)； } div：悬停{ 变换：翻译X(

在屏幕上进行实时内容编辑 Chrome DevTools

我大约 4、5 个月前读过一篇关于 Chrome DevTools 的提示和技巧的博客。我不确定我使用的确切关键字是什么，但我登陆了一个博客，它非常棒。 其中，最受欢迎的提示之一...

如何使我的单 HTML 网页在 Chrome 中离线可用？

我在我的网络服务器上托管一个单 HTML 网页（所有设计元素都包含在 .html 文件本身中），并且我希望用户在离线时可以使用该网页。它应该像...

为什么 chrome 中不再存在菜单项“全部另存为 har”，该怎么办？

我刚刚注意到，在我的 Google Chrome 版本（130.0.6723.70）中，开发人员工具/网络中的上下文菜单不再包含“全部另存为 har”的选项。相反，有一个“

为什么 Chrome 开发工具中的元素大小工具提示和计算的样式大小不同？

当我在 GWT 项目中调试问题时，我注意到当我将鼠标悬停在某个元素上时，我会在工具提示中看到它的大小，以及指示其在屏幕中的大小和位置的阴影区域。然而...

在窗口 Kiosk 模式下运行 Chrome

如何在 Kiosk 窗口模式（而非应用程序模式）下运行 Chrome 浏览器？它总是全屏，我尝试了所有 --disable-fullscreen 和 --disable-fullscreen-app --window-size 设置。

深度链接在 Chrome 移动浏览器中不起作用

我面临深度链接的问题。我们已经为移动应用程序帖子创建了深层链接，但在 google chrome 移动浏览器中，它无法打开应用程序屏幕。我在亚马逊应用程序 Deep li 中看到了同样的问题...

为框架祖先生成重复的内容安全策略（Blazor、IIS 和 Chrome）

我已将 Web 应用程序 (sub.domain.com) 发布到 Internet 信息服务 (IIS) 虚拟服务器，现在希望将其显示在 www.otherdomain.com 上的 iFrame 中。已发布的 web.config 文件...

chrome.webRequest.onBeforeRequest.addListener 无法读取未定义的属性“onBeforeRequest”

我正在尝试构建自己的 chrome 扩展，并且正在尝试使用 onBeforeRequest 添加事件处理程序。 我的清单.json： { “清单版本”：2， "name": "我的分机", “描述...

在显示 PDF 时隐藏水平滚动条<iframe>

Chrome 和其他浏览器的 RTL 方向的日期输入字段日历图标位置问题

我在希伯来语 (RTL) 网站上的日期输入字段出现问题。在 Firefox 中，日历图标按预期显示在左侧，但在 Chrome 和其他浏览器中则不然。 我是

某些扩展的多个上下文菜单条目

我在 Chrome 中遇到了一些奇怪的行为。让我展示一下截图： 这不是默认行为，有时会发生。主要用于 OneTab 扩展，但有时其他扩展也会发生其他情况...

React 应用程序中的 LCP 非常高 - 如何找出原因 - 有什么变化吗？

我在一家媒体机构工作。我们的代码库是一个带有一些额外基础设施的反应应用程序。 10 月 3 日，我们的 LCP 大幅增加 - 从大约 2 秒增加到 10 秒以上。我们还没有制作主要代码变更...

在页面更改时重新加载 Chrome DevTools 扩展侧边栏

这可能是 Google Chrome DevTools Extension - Detect Page Change 中问题的重复，但它已经存在一年多了，没有真正的答案，也许我的问题会提供一些新的

由于 SUID 沙箱问题，编译和执行 Chromium 失败

###我正在尝试做的事情： 在 Ubuntu 13.10 上编译并运行 Chromium 源代码 ###我采取的步骤： git 克隆 https://chromium.googlesource.com/chromium/tools/depot_tools.git 添加到 bashrc ： ...

如何防止长时间运行的 HTTP 请求超时？

我有一个 API，可以执行可能需要长时间运行的任务，最多可能需要 10 分钟。当我从 Postman 调用 API 时，效果很好，但是当我从浏览器（Chrome、Safari、F...

browser_cookie3.BrowserCookieError：无法获取 cookie 解密的密钥

使用 browser_cookie3 python 包时，如下： my_domain = 'www.xxx.com' browser_cookie3.chrome（域名=我的域名） 生成以下错误消息： 追溯（最近的校准...

为框架祖先生成重复的内容安全策略（IIS 和 Chrome）

我已将 Web 应用程序 (sub.domain.com) 发布到 Internet 信息服务 (IIS) 虚拟服务器，现在希望将其显示在 www.otherdomain.com 上的 iFrame 中。已发布的 web.config 文件...

在桌面浏览器中使用 Macbook 触摸板（或其他）进行多点触摸手势

我环顾四周，但找不到确凿的答案。是否可以在常规桌面浏览器中检测 Macbook 触摸板或其他笔记本电脑触控板的多点触摸手势和事件...

canvas无法在chrome中生成bmp图像dataurl

我有从视频中绘制图像的代码。这是代码 函数捕获（）{ var video = document.getElementById("videoId"); var 画布 = 捕获(vi...</desc> <question vote="5"> <p>我有从视频中绘制图像的代码。这是代码</p> <pre><code>&lt;script type=&#34;text/javascript&#34;&gt; function capture() { var video = document.getElementById(&#34;videoId&#34;); var canvas = capture(video, 1); var dataURL = canvas.toDataURL(&#34;image/bmp&#34;, 1.0); console.log(&#34;dataurl: &#34;+dataURL); } &lt;/script&gt; &lt;body&gt; &lt;input type=&#34;button&#34; value=&#34;Capture&#34; onClick=&#34;capture()&#34;/&gt; &lt;video id=&#34;videoId&#34; width=&#34;640&#34; height=&#34;480&#34;/&gt; &lt;/body&gt; </code></pre> <p>在控制台上，dataurl 显示为“data:image/png;base64,...”</p> <p>问题？</p> <p>为什么dataurl生成为png格式？</p> <p>注意： 这发生在 Chrome 浏览器[41.0.2272.89]中。 在 firefox 中，url 是以 bmp 格式生成的。</p> </question> <answer tick="true" vote="11"> <h1>支持</h1> <p>并非所有浏览器都支持 BMP。没有要求支持<strong><a href="https://html.spec.whatwg.org/multipage/scripting.html#serialising-bitmaps-to-a-file" rel="noreferrer">除PNG之外的其他格式</a></strong>（我的重点）：</p> <blockquote> <p>用户代理必须支持 PNG（“image/png”）。用户代理<strong>可能</strong>支持 其他类型。</p> </blockquote> <p>任何无法识别的格式<strong><a href="https://html.spec.whatwg.org/multipage/scripting.html#the-canvas-element" rel="noreferrer">将保存为默认PNG</a></strong>。</p> <blockquote> <p>第一个参数（如果提供）控制要显示的图像的类型 返回（例如 PNG 或 JPEG）。默认为image/png；该类型是 如果不支持给定类型，也可以使用。</p> </blockquote> <p>要检查是否支持某种格式，请检查返回的 data-uri 的第一部分：</p> <pre><code> var wantType = &#34;image/bmp&#34;; var dataUri = canvas.toDataURL(wantType); if (dataUri.indexOf(wantType) &lt; 0) { // or use substr etc. data: + mime // Format NOT supported - provide workaround/inform user // See update below for workaround (or replacement) } </code></pre> <h1>解决方法：手动生成低级 BMP </h1> <p>要另存为 BMP，您必须从画布中提取像素数据、格式化文件头、以正确的格式附加数据、创建 Blob 并通过 objectURL 将其提供给用户。</p> <p><strong>用途：</strong></p> <pre><code>var bmpDataUri = CanvasToBMP.toDataURL(canvas); // returns an data-URI </code></pre> <p>还有获取 BMP 图像作为原始图像的选项 <pre><code>ArrayBuffer</code></pre>:</p> <pre><code>var bmpBuffer = CanvasToBMP.toArrayBuffer(canvas); </code></pre> <p>和<pre><code>Blob</code></pre>：</p> <pre><code>var bmpBlob = CanvasToBMP.toBlob(canvas); var url = URL.createObjectURL(bmpBlob); // example objectURL </code></pre> <p><pre><code>Blobs</code></pre> 当然可以与 <pre><code>createObjectURL()</code></pre> 一起使用，它可以用作图像源以及下载目标，并且往往比使用数据 URI 更快，因为它们不需要与 Base 进行编码/解码-64.</p> <p>它写入支持 Alpha 的 32 位 BMP 文件（Firefox 目前忽略 BMP 文件中的 Alpha 通道）。</p> <p>无论如何，这里是-</p> <h1>演示和源码</h1> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>/*! canvas-to-bmp version 1.0 ALPHA (c) 2015 Ken &#34;Epistemex&#34; Fyrstenberg MIT License (this header required) */ var CanvasToBMP = { /** * Convert a canvas element to ArrayBuffer containing a BMP file * with support for 32-bit (alpha). * * Note that CORS requirement must be fulfilled. * * @param {HTMLCanvasElement} canvas - the canvas element to convert * @return {ArrayBuffer} */ toArrayBuffer: function(canvas) { var w = canvas.width, h = canvas.height, w4 = w * 4, idata = canvas.getContext(&#34;2d&#34;).getImageData(0, 0, w, h), data32 = new Uint32Array(idata.data.buffer), // 32-bit representation of canvas stride = Math.floor((32 * w + 31) / 32) * 4, // row length incl. padding pixelArraySize = stride * h, // total bitmap size fileLength = 122 + pixelArraySize, // header size is known + bitmap file = new ArrayBuffer(fileLength), // raw byte buffer (returned) view = new DataView(file), // handle endian, reg. width etc. pos = 0, x, y = 0, p, s = 0, a, v; // write file header setU16(0x4d42); // BM setU32(fileLength); // total length pos += 4; // skip unused fields setU32(0x7a); // offset to pixels // DIB header setU32(108); // header size setU32(w); setU32(-h &gt;&gt;&gt; 0); // negative = top-to-bottom setU16(1); // 1 plane setU16(32); // 32-bits (RGBA) setU32(3); // no compression (BI_BITFIELDS, 3) setU32(pixelArraySize); // bitmap size incl. padding (stride x height) setU32(2835); // pixels/meter h (~72 DPI x 39.3701 inch/m) setU32(2835); // pixels/meter v pos += 8; // skip color/important colors setU32(0xff0000); // red channel mask setU32(0xff00); // green channel mask setU32(0xff); // blue channel mask setU32(0xff000000); // alpha channel mask setU32(0x57696e20); // &#34; win&#34; color space // bitmap data, change order of ABGR to BGRA while (y &lt; h) { p = 0x7a + y * stride; // offset + stride x height x = 0; while (x &lt; w4) { v = data32[s++]; // get ABGR a = v &gt;&gt;&gt; 24; // alpha channel view.setUint32(p + x, (v &lt;&lt; 8) | a); // set BGRA x += 4; } y++ } return file; // helper method to move current buffer position function setU16(data) {view.setUint16(pos, data, true); pos += 2} function setU32(data) {view.setUint32(pos, data, true); pos += 4} }, /** * Converts a canvas to BMP file, returns a Blob representing the * file. This can be used with URL.createObjectURL(). * Note that CORS requirement must be fulfilled. * * @param {HTMLCanvasElement} canvas - the canvas element to convert * @return {Blob} */ toBlob: function(canvas) { return new Blob([this.toArrayBuffer(canvas)], { type: &#34;image/bmp&#34; }); }, /** * Converts the canvas to a data-URI representing a BMP file. * Note that CORS requirement must be fulfilled. * * @param canvas * @return {string} */ toDataURL: function(canvas) { var buffer = new Uint8Array(this.toArrayBuffer(canvas)), bs = &#34;&#34;, i = 0, l = buffer.length; while (i &lt; l) bs += String.fromCharCode(buffer[i++]); return &#34;data:image/bmp;base64,&#34; + btoa(bs); } }; // -------- DEMO CODE ------------- var canvas = document.querySelector(&#34;canvas&#34;), w = canvas.width, h = canvas.height, ctx = canvas.getContext(&#34;2d&#34;), gr = ctx.createLinearGradient(0, 0, w, h), img = new Image(); gr.addColorStop(0, &#34;hsl(&#34; + (Math.random() * 360) + &#34;, 90%, 70%)&#34;); gr.addColorStop(1, &#34;hsl(&#34; + (Math.random() * 360) + &#34;, 100%, 30%)&#34;); ctx.fillStyle = gr; ctx.fillRect(0, 0, w, h); // append image from the data-uri returned by the CanvasToBMP code below: img.src = CanvasToBMP.toDataURL(canvas); document.body.appendChild(img);</code></pre> <pre><code>&lt;h2&gt;Canvas left, BMP from canvas as image right&lt;/h2&gt; &lt;canvas width=&#34;299&#34; height=&#34;200&#34;&gt;&lt;/canvas&gt;</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>转换为 bmp 24bpp 受到用户1693593答案的启发：</p> <p>静态 toArrayBuffer24bpp（画布：HTMLCanvasElement）：ArrayBuffer {</p> <pre><code> var w = canvas.width, h = canvas.height, w4 = w * 4, idata = canvas.getContext(&#34;2d&#34;).getImageData(0, 0, w, h), data32 = new Uint32Array(idata.data.buffer), // 32-bit representation of canvas stride24 = Math.floor((24 * w + 31) / 32) * 4, // row length incl. padding pixelArraySize = stride24 * h, // total bitmap size fileLength = 122 + pixelArraySize, // header size is known + bitmap file = new ArrayBuffer(fileLength), // raw byte buffer (returned) view = new DataView(file), // handle endian, reg. width etc. pos = 0, x, y = 0, p, s = 0, v, r, g, b, x2; // write file header setU16(0x4d42); // BM setU32(fileLength); // total length pos += 4; // skip unused fields setU32(0x7a); // offset to pixels // DIB header setU32(108); // header size setU32(w); setU32(-h &gt;&gt;&gt; 0); // negative = top-to-bottom setU16(1); // 1 plane setU16(24); // 24-bits setU32(0); // BI_RGB = 0 setU32(pixelArraySize); // bitmap size incl. padding (stride x height) setU32(2835); // pixels/meter h (~72 DPI x 39.3701 inch/m) setU32(2835); // pixels/meter v pos += 8; // skip color/important colors setU32(0xff0000); // red channel mask setU32(0xff00); // green channel mask setU32(0xff); // blue channel mask setU32(0xff000000); // alpha channel mask setU32(0x57696e20); // &#34; win&#34; color space // bitmap data, change order of ABGR to BGRA while (y &lt; h) { p = 0x7a + y * stride24; // offset + stride x height x = 0; x2 = 0 while (x &lt; w4) { v = data32[s++]; // get ABGR b = v &amp; 0xff g = (v &gt;&gt; 8) &amp; 0xff r = (v &gt;&gt; 16) &amp; 0xff view.setUint8(p + x2++, r) view.setUint8(p + x2++, g) view.setUint8(p + x2++, b) x += 4; } y++ } return file; // helper method to move current buffer position function setU16(data) {view.setUint16(pos, data, true); pos += 2} function setU32(data) {view.setUint32(pos, data, true); pos += 4} </code></pre> <p>}</p> </answer> </body></html>