google-chrome 相关问题

对于Google Chrome浏览器的一般支持是OFF-TOPIC。 CHROME操作系统和铬是关闭主题。 google-chrome适用于与使用Chrome浏览器进行开发相关的问题。有关使用Chrome浏览器或配置Chrome浏览器的问题应发布在https://superuser.com上。有关[google-chrome-os]或[chromium]的问题应该使用这些标签。 Google Chrome浏览器是一种使用Blink渲染引擎的网络浏览器。

如何在 Google Chrome 中停止 json 数据自动排序?

Jquery + Rails 4 var jsonData = { "81404": "对象", "81408": "对象", "81416": "对象", "80387": "对象", "73952": "对象", "74697": "对象", “81411”:“对象”,...</desc> <question vote="7"> <p>Jquery + Rails 4</p> <pre><code>&lt;script&gt; var jsonData = { &#34;81404&#34;: &#34;Object&#34;, &#34;81408&#34;: &#34;Object&#34;, &#34;81416&#34;: &#34;Object&#34;, &#34;80387&#34;: &#34;Object&#34;, &#34;73952&#34;: &#34;Object&#34;, &#34;74697&#34;: &#34;Object&#34;, &#34;81411&#34;: &#34;Object&#34;, &#34;74700&#34;: &#34;Object&#34; }; console.log(jsonData); &lt;/script&gt; </code></pre> <p>Mozilla 输出(正确,符合预期)</p> <pre><code>Object { 81404=&#34;Object&#34;, 81408=&#34;Object&#34;, 81416=&#34;Object&#34;, 80387=&#34;Object&#34;, 73952=&#34;Object&#34;, 74697=&#34;Object&#34;, 81411=&#34;Object&#34;, 74700=&#34;Object&#34;} </code></pre> <p>Chrome 输出(错误,???)</p> <pre><code>Object {73952: &#34;Object&#34;, 74697: &#34;Object&#34;, 74700: &#34;Object&#34;, 80387: &#34;Object&#34;, 81404: &#34;Object&#34;, 81408: &#34;Object&#34;, 81411: &#34;Object&#34;, 81416: &#34;Object&#34;} </code></pre> <p>如何解决 Chrome 中的自动排序问题任何建议帮助,,, </p> <p>我正在使用这些数据进行过滤,顺序很重要。</p> </question> <answer tick="true" vote="8"> <p>您的数据不是数组。它没有内在的秩序。它们只是对象的属性。 </p> <h2>来自<a href="http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%203rd%20edition,%20December%201999.pdf" rel="noreferrer">此参考</a></h2> <blockquote> <p>4.3.3 对象<br/> 对象是对象类型的成员。 <strong>它是一个无序的属性集合</strong>,每个属性都包含一个原始值、对象或函数。</p> </blockquote> <p>如果顺序很重要,请将它们放入 JSON 对象的数组属性中(或者仅使用数组!)。</p> <p>例如像这样的东西:</p> <pre><code>var jsonData = {data: [ {&#34;81404&#34;: &#34;Object&#34;}, {&#34;81408&#34;: &#34;Object&#34;}, {&#34;81416&#34;: &#34;Object&#34;}, {&#34;80387&#34;: &#34;Object&#34;}, {&#34;73952&#34;: &#34;Object&#34;}, {&#34;74697&#34;: &#34;Object&#34;}, {&#34;81411&#34;: &#34;Object&#34;}, {&#34;74700&#34;: &#34;Object&#34;}] }; console.log(jsonData); </code></pre> <p>或仅列出列表</p> <pre><code>console.log(jsonData.data); </code></pre> <p><em>解释您正在使用数据做什么会很有帮助,这样任何示例都更适用。</em></p> </answer> </body></html>

回答 0 投票 0

如何在bat中打开和关闭chrome

我试图通过打开 .bat 从 cmd 打开 chrome 页面,然后关闭新打开的页面,而不影响当前打开的页面。 我已经找到以下解决方案,但所有镀铬页面都受到影响。是...

回答 1 投票 0

窗口 popstate 事件在最新的 chrome 版本(122)中未触发

我注意到在最新的Chrome版本(122)中,当我们多次单击浏览器后退/前进时,window.popstate事件不会触发。 我试图阻止我的

回答 1 投票 0

WINDOWS 上的 WebSerial API - “DOMException:无法打开串行端口。”

我尝试在 Windows 上使用 WebSerial API,因为它在 macOS 上运行良好,没有任何问题。该设备已插入 Macbook,无需执行任何额外操作。当我连接设备时(USB...

回答 2 投票 0

我可以通过 JavaScript 或用户代理字符串确定浏览器是否是“开发者”版本?

Chrome、Mozilla 和 MS-Edge 都有其产品的“开发者”版本……本质上是早期发布版本。 我可以从 JavaScript 判断浏览器是否是“开发者”版本...

回答 1 投票 0

window.onload 在桌面上工作时不会在移动设备上触发。 (反应js)

感谢您的宝贵时间,话不多说,让我们进入主题: 我需要根据起始布尔值运行 2 个不同函数中的 1 个。我正在使用 window.onload 来确定要使用哪一个...

回答 3 投票 0

Chrome 不执行预检请求

我之前在 AngularJS 中使用过一些 API,但是始终存在使用 OPTIONS 方法的预检。现在我正在从头开始构建一个新的 API,由于某种原因,AngularJS 不这样做...

回答 1 投票 0

如何使用 Tampermonkey 更改“max-h-80 Overflow-y-hidden”内的“最大高度”?

显然,我第一次尝试使用 Tampermonkey 时一直在挣扎。 Bato.to 评论部分仅加载 PC 上图像的前 280 个左右像素,我想将其加倍以获得

回答 1 投票 0

Google Chrome 滚动捕捉过度滚动错误

在我看来,这是一个非常基本的滚动捕捉设置,但它允许在 Google Chrome(桌面)中无限滚动: 在上面你可以看到,从页面顶部,你仍然可以滚动...

回答 1 投票 0

使用 Selenium 3 在 Chrome 130+ 上执行 JavaScript

在我从事的项目中,我们仍然使用 Selenium 3.6 (nodejs),对于应用程序的具体情况,需要执行 JavaScript 代码,并且这一直有效到 Chrome 130。值得一提的是......

回答 1 投票 0

视频或音频自动播放,有声播放,无需用户交互

我有一个订票网站。当票证准备好提供时,应打开一个模式,并且应随票证信息一起播放声音。我希望无需用户即可播放声音

回答 1 投票 0

如何在chrome中设置仪表元素的样式

我有一个像这样样式的仪表。 仪表 { 宽度:5em; 高度:2em; 边框半径:4px; 边框:2px 灰色实心; 颜色:红色; 背景:浅灰色; } 仪表::仪表栏 {

回答 1 投票 0

我可以将 Cypress 托管到服务器吗?

所以我们使用Cypress + Cucumber来执行E2E UI测试。一切都运行良好,每当我触发脚本时,它都会显示 cypress 弹出窗口,并且我手动触发一些任务。现在我们想要...

回答 1 投票 0

HTML5 搜索输入:Chrome 中没有背景图片?

我一直在绞尽脑汁地试图让 Chrome 用背景图像来设计我的搜索输入。 Firefox 没有问题,但我担心这是因为它将输入视为常规文本输入。我...

回答 4 投票 0

puppeteer生成的pdf如何在最后一页底部显示内容

puppeteer pdf 生成 我想实现页面结束的功能,但是没有好的解决方案,希望得到社区的帮助。 代码: puppeteer pdf 生成 我想实现页面结束的功能,但是没有好的解决方案,希望得到社区的帮助。 代码: <html> <head> <style> .content { background-color: #999; } .footer { background-color: #e9a530; } </style> </head> <body> <div class="content"> <table> <thead> <tr> <td>tabe header 1</td> <td>tabe header 2</td> <td>tabe header 3</td> <td>tabe header 4</td> </tr> </thead> <tbody> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> </tbody> <tfoot> <tr> <td colspan="4">table footer</td> </tr> </tfoot> </table> </div> <div class="footer"> I want the footer at the bottom of the print page </div> </body> </html> 当我使用 chrome 打印页面时,我希望页脚位于当前页面的底部,数据是动态的,并且分页可能是多页 镀铬打印页 我尝试过 'css位置固定'和'根据DOM的scrollHeight和offsetTop计算内容高度', 但内容中含有‘table thead tfoot’和‘page-break-inside’,定位不准确。 我认为你必须解决分页符或类似的问题,你必须根据你的数据调整进入页面的内容,最好是作为自动化过程。 在这里,我要求 ChatGPT 为您创建一个示例。我希望它有帮助: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Print with Section Footers</title> <style> /* General Styling */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .section { page-break-after: always; /* Ensure each section starts on a new page */ display: flex; flex-direction: column; height: 100vh; /* Full page height */ justify-content: space-between; /* Space between content and footer */ box-sizing: border-box; padding: 20px; } .section-content { flex-grow: 1; /* Main content grows to fill space */ } .footer { text-align: center; border-top: 1px solid #ccc; /* Optional visual separator */ padding: 10px; margin-top: 10px; } @media print { @page { margin: 0; /* Remove default page margins */ } body { margin: 0; } .section { height: 100vh; /* Ensure each section is treated as a full page */ page-break-after: always; /* Force a new page after each section */ } .footer { position: relative; bottom: 0; width: 100%; } } </style> </head> <body> <!-- Section 1 --> <div class="section"> <div class="section-content"> <h1>Section 1</h1> <p>This is the content for the first section. It can have as much or as little content as needed.</p> </div> <div class="footer"> <p>Footer for Section 1</p> </div> </div> <!-- Section 2 --> <div class="section"> <div class="content"> <table> <thead> <tr> <td>tabe header 1</td> <td>tabe header 2</td> <td>tabe header 3</td> <td>tabe header 4</td> </tr> </thead> <tbody> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> <tr> <td colspan="4">tabe content 5</td> </tr> <tr> <td colspan="4">tabe content 1</td> </tr> <tr> <td colspan="4">tabe content 2</td> </tr> <tr> <td colspan="4">tabe content 3</td> </tr> <tr> <td colspan="4">tabe content 4</td> </tr> </tbody> <tfoot> <tr> <td colspan="4">table footer</td> </tr> </tfoot> </table> </div> <div class="footer"> <p>Footer for Section 2</p> </div> </div> <!-- Section 3 --> <div class="section"> <div class="section-content"> <h1>Section 3</h1> <p>This is the content for the third section. Content can vary in length.</p> </div> <div class="footer"> <p>Footer for Section 3</p> </div> </div> </body> </html>

回答 1 投票 0

谷歌翻译,性别语音参数

我正在尝试从谷歌翻译中提取声音。使用这里的 python 答案,如何参数化以在录音中使用男人或女人的声音?我找不到 API 规范。 https://

回答 1 投票 0

谷歌浏览器新标签页的URL是什么以及如何将其从manifest.json中排除

我目前正在构建一个简单的谷歌浏览器扩展来恶作剧我的兄弟。该扩展程序只是删除旧页面,并将其替换为从“您没有互联网”页面复制的 HTML 和 CSS...

回答 5 投票 0

Chrome插件内容脚本无法访问所有窗口对象?

我正在尝试通过内容脚本从当前页面窗口获取对象。如果我记录窗口/此对象,则该对象本身可用,但是当我尝试通过内容脚本访问它时,它

回答 1 投票 0

在 Amazon Linux v2 (ARM64/aarch64/Gravitone) 上安装 Chrome/Cromium

有谁知道在具有 ARM64 架构(Gravitone c6g.xlarge 实例)的 Amazon Linux 2 上安装 Google Chrome(Chromium) 的可行解决方案吗?我需要在无头模式下运行它。 此刻我...

回答 2 投票 0

CSS 固定元素出现在滚动条上

我看到了一些关于相同问题的问题,但没有一个指定的答案实际上适用于这个问题。 考虑以下片段: $(函数(){ $(窗口).on('scro...

回答 4 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.