firefox-developer-edition 相关问题


如何在 Firefox 上启用 CORS

如何在 Firefox 上允许 CORS? 我在 Chrome 和 Internet Explorer 上轻松管理了它,但在 Firefox 上却完全失败了。我编辑了以下 about:config 条目 安全.fileuri.


Lua 构造函数中的 self

那里! 抱歉,这不是一个具体的问题。 在《Programming in Lua, 4th Edition》中可以看到下面的代码: 账户 = {余额 = 0} 功能帐户:新(o) o = o 或 ...


Microsoft Teams 无法在 Firefox 中工作 - Ubuntu 24.04.1 Gnome

Microsoft Teams 停止在 Firefox 中工作。我收到“哎呀,初始化失败!-重试”消息。 我运行 Ubuntu 24.04.1 Gnome。


构建进程异常终止 IntelliJ IDEA

很长一段时间以来,我在尝试在 Intellij IDEA Community Edition 2023.3 中编译任何 Java 程序时遇到各种错误。 编译以下代码时: 导入 javax.swing.*; 导入jav...


Firefox 中的 FileSystem API 有什么用?

在 Firefox 中是否有使用文件系统 API 的用例? MDN 上的所有示例均显示 Firefox 不支持的 savePicker 函数。你能使用这个 API 做一些有用的事情吗?或者它有用吗...


在过程中忽略 SQL 语句

我在我的 pl/sql 过程中收到 pl/sql 语句忽略错误,其中 SELECT 在编译时在 sql Developer 中启动 过程 sort_emp_records ( p_instance_id IN VARCHAR2, p_filen...


在 SQL Developer 上运行创建表学生时出错:CREATE TABLE Students

创建表学生( 年号(4) NOT NULL, 学期 VARCHAR2(1) NOT NULL CONSTRAINT Stu_sem_ck CHECK (学期 IN ('1', '2', '3')), 部门 VARCHAR2(3) NOT NULL, 课程编号...


未解决的参考:lifecycle_version [developer.android.com/codelabs]

代码在这里: 起始代码网址: https://github.com/google-developer-training/basic-android-kotlin-compose-training-dessert-clicker 带有起始代码的分支名称:main Codelab 中的说明:


Javascript 文件的 MIME 类型错误 - VS Code/实时服务器 - Firefox/控制台

我尝试使用 VS Code/liveServer/firefox/console 打开 html/js 文件,但出现以下错误 我已经在谷歌上搜索了答案,并查看了与错误链接的 firefox“了解更多”...


vscode:将调试器附加到 Firefox

我正在尝试调试附加到我的火狐浏览器。我的配置是: { "name": "附加到 Firefox", “类型”:“火狐”, “请求”:“附加”, “端口”:6000, ”


有什么方法可以禁用 Visual Studio Comunity Edition 2022 上的警报框

Visual Studio 尚不支持 Python 3.12,但为了让您知道这一点,VS 显示了一个如下所示的警告框: 我想知道是否有什么办法可以禁用这个弹出窗口?


SQL Server Compact Edition 和 ADO.NET 提供程序文件版本不匹配异常

我有一个基于 Visual Studio 2013 构建的 Windows 窗体项目,其中有一个 .sdf 文件。我想用我的应用程序部署/发布我的数据库,所以我按照 Alizee Hayek 的回答:https://so...


您可以过滤一个listagg以仅返回多个结果吗?

我在 SQL Developer 上运行一个 SQL 查询,它使用 listagg 返回单个字段的一个或多个项目。 事实上,查询返回 listagg 具有一项或多项的记录。 ...


使用 Blackmagic ATEM SDK 获取:无法解析的外部符号 CLSID_CBMDSwitcherDiscovery

我正在尝试开发一个应用程序来控制我的ATEM视频切换器,但在开始使用SDK时遇到困难(可在https://www.blackmagicdesign.com/developer/product/atem获取) 我明白了...



如何通过Oracle到SQL Server的网关更新Genero中带双引号的列?

我们已经创建了从Oracle到SQL Server的网关和数据库链接, 在 sqlplus 和 SQL Developer 中。执行此操作后,以下查询将起作用: 更新 Ckm_cqh@mstest 设置“cqh02”=“2222” ...


Bash 别名:找不到命令

我正在尝试设置一个简单的别名以将我移至计算机上的 Developer 文件夹中。然而,设置后,我收到一个奇怪的错误: -bash: dv: 未找到命令 我在 .bashrc l 中设置了我的别名...


Firefox“媒体模拟打印”与打印此页面

我在 Firefox 中打印网页时遇到一些问题。如果我在控制台中使用媒体模拟打印,CSS 看起来很棒。但是如果我通过菜单查看打印预览 - >打印此页面。 看起来很恐怖...


背景不适用于视频隐藏式字幕::iOS Mobile 上的 Firefox 和 Safari 上的cue

我正在尝试通过 ::cue css 选择器在 HTML5 视频播放器上设置隐藏式字幕样式,如下所示。代码笔链接 ::提示{ 背景:rgba(255, 255, 255, 0.8); /*不适用于 iOS 移动版 Firefox、Safari...


Typo3后端t3editor自定义模式

版本:Typo3 v11、CodeMirror v5、浏览器:Firefox 概括: 我有一个 Typo3 扩展,我想为其添加自定义语法突出显示。这应该可以使用内置的 t3edi...


X11无需putty转发

我正在尝试使用x11从Redhat服务器转发到Windows 10 VM来显示firefox。客户要求在虚拟机上不要使用其他软件,所以我不能使用 except 或 putty....


获取用户区域设置的首选`hourCycle`

如何获取用户当前区域的首选小时周期?我在 Firefox 131 和 Chrome 129 中尝试了一些语言环境 ((new Intl.Locale('en-US')).hourCycle),但都返回未定义。


Iframe 外部 API 回调将 ASP.NET MVC 会话对象重置为 null

解释起来有点棘手,但我会尽力解释问题。首先,它仅在 Firefox、Chrome 和 Edge 上按预期运行。 我有一个网络退房表格...


在 Chrome 中启用不安全的 WebSocket

我有一个 https:// Web 应用程序正在打开不安全的 Websocket 连接。 默认情况下,浏览器不允许这样做,但我可以使用 network.websocket.allowInsecureFromHTTPS =... 绕过 FireFox 中的行为


IndexedDB - 存储和检索视频

我正在尝试制作一个应用程序,用于在 IndexedDB 中存储和检索视频文件。但是,我在 Firefox 中检索和在 Chrome 中存储时遇到问题。我会发布鳕鱼...


进度条边框重叠圆角

我有一个带有圆角的进度条。当进度为 100% 时,它会与背景白色的圆角重叠,使其成为正方形。在 Firefox 中它可以正常工作,但在其他...


点击每个 JavaScript 画布

我尝试使用“imakro”(firefox 的插件)来实现自动化。 该插件可以记录(和播放)网站上的点击,到目前为止效果良好。 这个网站有 2 个画布元素,我必须点击...


沙盒像素JS查询

我是网站所有者。当我在开发者工具下在 Chrome 中查找我的网站时,出现了一个 tik tok 像素沙箱错误。检查我的错误是否出现在 Firefox 中后,它没有出现


Safari 不显示/渲染图像的 css

我的 GitHub 页面网站上有一个个人资料图片,它使用一些 CSS 使其看起来很酷。图像在 chrome 或 Firefox 中显示完美,但在 safari 中似乎忽略了图像的所有 css...


如何使最新的 Angular 版本与旧浏览器兼容?

Angular 在其文档中声明,它与所有主要浏览器的 2 个最新版本(以及 Firefox 的最新+ESR)兼容。由于 Angular 在底层使用标准 DOM API,因此它应该...


如何使 yfinance 通过 HTTP(S) 或ocks5 代理工作?

雅虎网站可以通过浏览器中的2081端口打开(在Firefox中为HTTP和HTTPS设置代理端口2081)。端口 2081 提供 HTTP(S) 代理。 2080端口提供SOCKS5代理服务: 网址=“...


视差滚动问题 - 在 webkit 浏览器中滚动时 div 元素抖动

我创建了一个视差滚动,它在 Firefox 中似乎工作正常,但是在 chrome 浏览器中滚动时正文文本会轻微跳跃。单击此处滚动到“关于”部分...


剧作家| azure pipeline-在 MS Edge 浏览器中运行测试时出现错误

我通常在 chrome 浏览器作为基础平台上运行测试。有时我会在本地的 Firefox 和 MS Edge 浏览器上进行跨浏览器测试。配置到管道后,我运行了跨浏览器


网站在 mozilla 中可以正常打开,但在 chrome 中则不行

所以我面临的问题是该网站在 firefox 中工作正常,甚至在 Chrome 中加载 http 时也工作正常,但是当您切换到 https 时,它会停止工作,并且在网络选项卡中仅返回...


如何从浏览器(如IE、firefox等)访问具有IPV6链接本地地址的设备?

我的设备和我尝试访问的主机都位于同一子网中。 设想: 我在同一子网中有一台交换机和一台服务器。我必须使用 ipv6 链接本地地址访问交换机...


无法在“DOMWindow”上执行“postMessage”:提供的目标源与接收者窗口的源不匹配(“null”)

我在 Heroku 中有一个游戏,现在我试图让它在 Facebook 画布上运行,但是,虽然它在 Firefox 中运行,但在 Chrome 和 IE 中却不行。 IE 显示一个带有按钮的警告,当单击该按钮时,它...


使用 django 的 Telegram 登录小部件 TypeError:无法使用某些浏览器读取 null 的属性(读取“postMessage”)

我正在尝试在我的 Django 网站中实现 Telegram 登录小部件。我正在使用 django-allauth,并且登录确实可以在我使用 Firefox 浏览器的测试中工作,但它无法在移动设备上工作并且


MathML (firefox) 中不显示括号

MathML代码是这样的: 分钟 MathML代码是这样的: <math xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>min</mi><mfenced open="(" close=")"><mrow><mn>9</mn><mo>,</mo><mn>6</mn></mrow></mfenced><mo>=</mo></mrow></math> 遗憾的是,它显示时没有括号。 (参见https://prnt.sc/FBuGkh1NtM-7) 我在这里做错了什么?谢谢! <math display="block"> <mrow> <mo fence="true" form="prefix">(</mo> <mn>9</mn> <mo fence="true" form="postfix">)</mo> </mrow> </math> 这有效。但不知道为什么之前的 MathML 不起作用。 “mfenced”似乎已被贬值并被“mo”取代。 “mrow”可用于组子表达式并为方程提供层次结构: <mrow> <mi>f</mi> <mo>(</mo> <mi>x</mi> <mo>)</mo> </mrow>


QWebEngineView:html 文件中的 href 不起作用

我有一个 test.html 文件,例如: 我有一个 test.html 文件,例如: <!DOCTYPE html> <html> <head> </head> <body> <a style="padding-right:5px" target="_blank" href="data/">Datadir</a> </body> </html> 包含 test.html 的目录如下: test.html data\ a.txt b.txt 我使用“file:///remote/us01home19/ktc/public_html/testLocalHref/test.html”并在firefox和chrome中单击Datadir,结果如下: 和: 我写了一个pyside2代码来做同样的事情,代码如下: from PySide2 import QtCore, QtWidgets, QtWebEngineWidgets import os import sys class CustomWebEnginePage(QtWebEngineWidgets.QWebEnginePage): # Store second window. external_window = None def acceptNavigationRequest(self, url, _type, isMainFrame): print(url, _type, isMainFrame) if _type == QtWebEngineWidgets.QWebEnginePage.NavigationTypeLinkClicked: if not self.external_window: self.external_window = QtWebEngineWidgets.QWebEngineView() self.external_window.setUrl(url) self.external_window.show() return False return super().acceptNavigationRequest(url, _type, isMainFrame) class MainWindow(QtWidgets.QMainWindow): def __init__(self, *args, **kwargs): super(MainWindow, self).__init__(*args, **kwargs) self.browser = QtWebEngineWidgets.QWebEngineView() self.browser.setPage(CustomWebEnginePage(self)) # self.browser.setUrl(QtCore.QUrl("https://code.visualstudio.com")) self.browser.setUrl(QtCore.QUrl("file:///remote/us01home19/ktc/public_html/testLocalHref/test.html")) # self.browser.setUrl(QtCore.QUrl("file:///remote/tw_rnd1/ktc/prog/python/pyside2/WebEngine/data/aaa.ava.summary.html")) #self.browser.setUrl(QtCore.QUrl("file:///remote/tw_rnd1/ktc/prog/python/pyside2/WebEngine/data/aaa_ava_corners/C_1")) self.setCentralWidget(self.browser) if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) 但是执行代码,我得到的结果如下: 但是点击Datadir,没有任何反应,甚至QWebEnginePage.acceptNavigationRequest也没有触发。有没有办法让 QWebEngine 的行为像 Firefox 和 Chrome 一样? 我尝试在 QWebEnginePage.acceptNavigationRequest 函数中添加打印消息来捕获点击 dataDir 信息,但似乎没有任何响应。 python版本:python-3.9.0, 操作系统版本:“CentOS Linux 7”, Qt 版本:“Qt_5.15” python 和 Qt 是自定义构建 我发现问题来自htmltarget =“_blank”在QWebEnginePage中不起作用,它可以通过在QtWebEngineWidgets中实现类函数createWindow来避免,例如: class CustomWebEnginePage(QtWebEngineWidgets.QWebEnginePage): # Store second window. external_window = None def acceptNavigationRequest(self, url, _type, isMainFrame): print(url, _type, isMainFrame) if _type == QtWebEngineWidgets.QWebEnginePage.NavigationTypeLinkClicked: if not self.external_window: self.external_window = QtWebEngineWidgets.QWebEngineView() self.external_window.setUrl(url) self.external_window.show() return False return super().acceptNavigationRequest(url, _type, isMainFrame) def createWindow(self, t): return self;enter code here


文本区域高度的 CSS 样式不起作用

元素的默认大小对于我的使用来说太小了,我尝试使用以下CSS代码自定义高度: 文本区域{ 宽度:400px; 高度:150px; } html </desc> <question vote="0"> <p><pre><code><textarea></code></pre>元素的默认大小对于我的使用来说太小了,我尝试使用以下CSS代码自定义高度:</p> <pre><code>textarea { width:400px; height:150px; } </code></pre> <p>html 文本区域:</p> <pre><code><li> Body*:<br> <textarea name="body"></textarea> </li> </code></pre> <p>但这行不通。有什么解决办法吗??</p> <p>P.S:我使用的是 Mozilla firefox。</p> </question> <answer tick="false" vote="2"> <p>效果很好。看这个<a href="http://jsfiddle.net/qhqLV/" rel="nofollow noreferrer">http://jsfiddle.net/qhqLV/</a></p> <p>你的html代码</p> <pre><code><li> Body*:<br> <textarea name="body"></textarea> </li> </code></pre> <p>你的CSS</p> <pre><code>textarea { width:400px; height:150px; } </code></pre> <p>注意:调试代码并检查父元素的宽度和高度。我认为这就是问题所在。可能是文本区域在执行过程中接受任何其他样式。</p> </answer> </body></html>


如果类型是从变量进行数据绑定,则通过 <object> 标签在 Angular 中显示 pdf 无法在 Chrome 中工作

我正在尝试通过 标签在 Chrome 中显示 pdf。 如果我手动编写类型,它会起作用: 不工作 但是... 我正在尝试通过 <object> 标签在 Chrome 中显示 pdf。 如果我手动写 type: 就可以了 <object [data]="getUrl(true)" type="application/pdf"> Not working </object> 但如果我从变量读取类型则不会: <object [data]="getUrl(true)" [type]="file.mimeType"> Not working </object> 为什么?这是一些非常奇怪的错误,还是我做错了什么可怕的事情。 这里是plunkr。 它可以在 Firefox 中运行(所有 4 个对象都会显示),但不能在 Chrome 中运行 (Version 74.0.3729.169 (Official Build) (64-bit)): 我遇到了同样的问题,但我不明白原因。 就我而言,我决定在基于 Blink 引擎的浏览器中使用“embed”元素而不是“object”元素。 <ng-template #blinkPlatformViewer> <embed [src]="getUrl(true)" [type]="file.mimeType"/> </ng-template> <object *ngIf="!isBlinkPlatform; else blinkPlatformViewer" [data]="getUrl(true)" [type]="file.mimeType"> Not working </object> import { Platform } from '@angular/cdk/platform'; import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'; export class FileContentComponent { constructor(private readonly sanitizer: DomSanitizer, private readonly platform: Platform) { } get isBlinkPlatform(): boolean { return this.platform.BLINK; } }


如何从当前打开的 HTML 网站中的元素获取数据?

我发现自己需要深入研究开放网站的 HTML 代码,并从 标签获取一些数据,特别是其中的背景图像元素的值。这个元素改变... 我发现自己需要深入研究开放网站的 HTML 代码,并从 <div> 标签获取一些数据,特别是其中的 background-image 元素的值。该元素会根据页面上执行的操作而发生变化。现在我需要找出如何让我的代码从 Firefox 中打开的选项卡返回该特定元素的值。最简单的方法是什么? 我看了美丽汤,但我不知道还需要搭配什么。据我所知,它对于解析 HTML 数据很有用,但对于首先获取该数据却没有用。 您可以使用 requests 来获取页面的 HTML 内容,如下所示: import requests from bs4 import BeautifulSoup def scrape_website(url): # Send an HTTP request to the URL response = requests.get(url) # Check if the request was successful (status code 200) if response.status_code == 200: # Parse the HTML content of the page soup = BeautifulSoup(response.content, 'html.parser') # Extract data based on HTML structure (replace with your own logic) divs = soup.find_all('div') for div in divs: print(div.text) else: print(f"Failed to retrieve the page. Status code: {response.status_code}") 这里我们向站点发送一个 HTTP 请求,如果响应是 200(等于 ok ),我们将响应中的 HTML 数据发送到变量并使用 Beatiful Soup 解析它。您需要将解析代码更改为最适合您的代码,但此时您可以询问 Chat-GPT。


如何使用预选值初始化下拉列表(<select/>)然后更改它?

我有一个网格,每行都有下拉菜单,我需要从数据库渲染它的状态。 因此,我定义了与指定用于从数据库中预选择值的选定选项类似的下拉菜单。 我有一个网格,每一行都有下拉菜单,我需要从数据库渲染它的状态。 因此,我定义了下拉列表,并指定了用于从数据库中预选择值的选定选项。 <select id='selectId'> <option value='1'>Option 1</option> <option value='2' selected='selected'>Option 2</option> <option value='3'>Option 3</option> </select>​ 问题在于,当我更改浏览器中定义的下拉列表的值时,它会在 UI 上发生变化,但选定的属性不会移动并保持在原来的位置。 因此,当我调用 $("#selectId").val() 时,我会得到旧的值。 初始化下拉控件然后能够在浏览器中或通过 jQuery 自由更改其值的适当方法是什么? 这似乎工作正常(Ubuntu 上的 Firefox): HTML <select id='selectId'> <option value='1'>Option 1</option> <option value='2' selected='selected'>Option 2</option> <option value='3'>Option 3</option> </select> JS $('#selectId').change(function() { var opt = $(this).find('option:selected'); console.log([opt.val(), opt.text()]); }); var opt_sel = $('#selectId option:selected'); opt_sel.val(99); opt_sel.text('Changed option'); 如果您选择这些选项,您将看到它将打印更改后的版本。工作示例: http://jsfiddle.net/vm4Q8/ 希望这有帮助。 应该可以正常工作。可能是你设置不正确。 您应该将选项的 value 传递给 val() 方法来选择它。 例如 $('#selectId').val('1'); 会将第一个选项设置为选定状态,然后调用 $('#selectId').val() 将为您提供 1 而不是 2。 这是工作示例http://jsfiddle.net/3eu85/ 可以获取选中选项的val,而不是select $('select#selectId option:selected').val(); 文档:http://api.jquery.com/val/ 您在哪个浏览器中尝试此操作?你的代码对我来说看起来很好,并且似乎可以在 this jsFiddle 中工作。 请使用此代码, $('#selectId option:selected').val(); <script> $(document).ready(function () { $('#ta_ingredient').val('2'); }); </script>


有什么问题吗?文本区域什么也没显示,但值是

我正在编写代码以在 中以灰色向用户显示提示; 接下来的想法是: 最初以灰色显示“请在此处输入您的询问”; 如果用户点击它,颜色会变为...</desc> <question vote="3"> <p>我正在编写代码以在 <pre><code><textarea/></code></pre> 中以灰色向用户显示提示;</p> <p>下一个想法是:</p> <ol> <li>最初将<pre><code>'Please, type your inquiry there'</code></pre>置于灰色;</li> <li>如果用户单击它,颜色将变为黑色,文本将变为 <pre><code>''</code></pre>。这部分工作正常;</li> <li>如果用户输入然后删除(即将字段留空),那么我们需要将 <pre><code>'Please, type your inquiry there'</code></pre> 放回灰色。</li> </ol> <p>步骤 (3) 在 Chrome 和 Firefox 中均不起作用。它什么也没显示。当我使用 Chrome 检查器时,它显示:</p> <blockquote> <p>element.style { 颜色: rgb(141, 141, 141); }</p> </blockquote> <p>这是正确的,而 HTML 中的 <pre><code>"Please, type your inquiry there"</code></pre> 也是正确的。但场地是空的。可能是什么问题??? 我特别使用了 <pre><code>console.log()</code></pre>,它们还显示应该是......的输出 </p>这是 HTML 和 JS 代码:<p> </p><code><textarea name='contact_text' id='contact_text' onclick='text_area_text_cl();' onBlur='text_area_text_fill();'> </textarea> <script> var contact_text_changed = false; var contact_contacts_changed = false; function text_area_text() { if (contact_text_changed == false) { $("#contact_text").css("color","#8d8d8d"); $("#contact_text").html('Please, type your inquiry there'); } else { $("#contact_text").css("color","#000000"); } // Write your code here }; function text_area_text_cl() { if (contact_text_changed == false) { $("#contact_text").text(''); $("#contact_text").css("color","#000000"); console.log('sdfdfs111'); contact_text_changed = true; } }; function text_area_text_fill() { if ($("#contact_text").val() == '') { contact_text_changed = false; $("#contact_text").css("color","#8d8d8d"); $("#contact_text").html('Please, type your inquiry there'); //document.getElementById('contact_text').innerHTML = 'Please, type your inquiry there' console.log('sdfdfs'); } else { console.log('__'); } }; // call functions to fill text_area_text(); </script> </code><pre> </pre> </question> <answer tick="true" vote="3">要设置 <p><code><textarea></code><pre> 的值,您需要使用 </pre><code>.val()</code><pre>:</pre> </p><code>$("#contact_text").val(''); </code><pre> </pre>或<p> </p><code>$("#contact_text").val('Please, type your enquiry there'); </code><pre> </pre>等等。让“占位符”代码正常工作是很棘手的。 <p>较新的浏览器允许<a href="http://caniuse.com/#search=placeholder" rel="nofollow">:</a> </p><code><textarea placeholder='Please, type your enquiry there' id='whatever'></textarea> </code><pre> </pre>他们会为您管理这一切。<p> </p><p>编辑<em> - 从评论中,这里解释了为什么 </em><code>.html()</code><pre> 最初有效(嗯,它</pre>确实<em>有效,但请继续阅读)。 </em><code><textarea></code><pre> 元素的标记内容(即元素中包含的 DOM 结构)表示 </pre><code><textarea></code><em> 的 </em>initial<pre> 值。在任何用户交互之前(和/或在 JavaScript 触及 DOM 的“value”属性之前),这就是显示为字段值的内容。然后,更改 DOM 的该部分就会更改该初始值。然而,一旦进行了一些用户交互,初始值就不再与页面视图相关,因此不会显示。仅显示更新后的值。</pre> </p> </answer></body>


SVG 可以有多小?

我刚刚缩小了这个SVG: 我刚刚缩小了这个 SVG: <?xml version="1.0" standalone="no"?> <svg viewBox="0 0 480 150" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="480" height="150"> <path d="M 0 35.5 L 6.5 22.5 L 16 37 L 23 24 L 34.8 43.7 L 42.5 30 L 50.3 47 L 59.7 27.7 L 69 47 L 85 17.7 L 98.3 39 L 113 9.7 L 127.7 42.3 L 136.3 23.7 L 147 44.3 L 158.3 20.3 L 170.3 40.3 L 177.7 25.7 L 189.7 43 L 199.7 21 L 207.7 35 L 219 11 L 233 37 L 240.3 23.7 L 251 43 L 263 18.3 L 272.7 33.3 L 283 10 L 295 32.3 L 301.3 23 L 311.7 37 L 323.7 7.7 L 339.3 39 L 346.3 25.7 L 356.3 42.3 L 369.7 15 L 376.3 25.7 L 384 9 L 393 28.3 L 400.3 19 L 411.7 38.3 L 421 21 L 434.3 43 L 445 25 L 453 36.3 L 464.3 18.3 L 476.2 40.3 L 480 33.5 L 480 215 L 0 215 L 0 35.5 Z" fill="#175720"/> </svg> 对此: <svg height="150" width="480"><path d="m0 35.5l6.5-13 9.5 14.5 7-13 11.8 19.7 7.7-13.7 7.8 17 9.4-19.3 9.3 19.3 16-29.3 13.3 21.3 14.7-29.3 14.7 32.6 8.6-18.6 10.7 20.6 11.3-24 12 20 7.4-14.6 12 17.3 10-22 8 14 11.3-24 14 26 7.3-13.3 10.7 19.3 12-24.7 9.7 15 10.3-23.3 12 22.3 6.3-9.3 10.4 14 12-29.3 15.6 31.3 7-13.3 10 16.6 13.4-27.3 6.6 10.7 7.7-16.7 9 19.3 7.3-9.3 11.4 19.3 9.3-17.3 13.3 22 10.7-18 8 11.3 11.3-18 11.9 22 3.8-6.8v181.5h-480v-179.5z" fill="#175720"/></svg> (我通过最小化程序运行它,然后删除了 <svg> 标签中的一堆属性。)我将它用作背景图像,它似乎在 Windows 上的 IE、Firefox 和 Chrome 中工作正常。我只是想知道如果其他信息对图像外观没有影响的话,它在那里做什么。因为我删除了该信息,会在某个地方出现兼容性问题吗? 更新: 我发现实际上,对于我的用例,我需要有 xmlns="http://www.w3.org/2000/svg",否则它不会在 IE 或 Chrome 中呈现。 删除 viewBox 会产生显着的语义差异,因为 SVG 将不再缩放(即响应 UA 调整大小)。这仅适用于您直接查看图像的情况,但如果您将其作为背景图像查看或通过 SVG <image> 标签或 html <img> 标签查看,则 SVG 将被绘制为好像它具有 viewBox 为“0 0 宽度高度”,除非 viewBox 已经存在。 删除 background-color 将意味着 SVG 当放置在其他东西之上时将不再是不透明的。当然,如果你不这样做,你可能不会注意到。 仅当 SVG 文件中有文本元素时,xml:space 属性才重要。 如果 SVG 是内联的,其余的删除都是良性的。如果 SVG 是独立文件,则需要命名空间属性,但背景图像就是这种情况。 简化版本不是有效的 SVG。它将被视为“任何”恰好具有名称为“svg”的根元素的 XML。 要将片段转换为 the SVG,只有一个选项: 将具有正确命名空间的 xmlns 属性添加到 svg 元素(正如您所发现的) 不再建议在文档中添加 DOCTYPE,并且从 Chrome 53 起就不起作用。将文档作为 MIME 类型 image/svg+xml 提供服务也不够。 示例: <svg xmlns="http://www.w3.org/2000/svg">(消费者选择的SVG版本) <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">(适用于 SVG 1.0) 使用W3验证器检查您的文件。请务必检查检测到的文档类型是否为 SVG,因为该文档可能仍然有效,但作为一般/未知的 XML。 -- 他们还有测试页面。


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