本月 Servo：选项卡式浏览、Windows 爱好者、开发工具等

本月 Servo：选项卡式浏览、Windows 爱好者、开发工具等
This month in Servo: tabbed browsing, Windows buffs, devtools, and more

原始链接: https://servo.org/blog/2024/08/31/this-month-in-servo/

Mozilla 浏览器 Servo 于 2024 年更新，现在支持各种新功能，例如 HTMLDialogElement 上的“显示”功能、HTMLFieldSetElement 上的 type 属性、在中渲染文本、边框图像 CSS 属性、播放 WAV 音频、结构化克隆 API、IIRFilterNode 在网络音频中，导航跨源重定向、crypto.randomUUID() API 和“clip-path”属性（path()、polygon()、shape() 或 url() 值除外）。它还支持默认启用的灵活框布局 (Flexbox) 和 WebXR。其他改进包括在 WebXR API 中支持游戏手柄、手动输入、XRBoundedReferenceSpace、XRFrame、XRInputSource、XRPose、XRSession、XRTargetRayMode、XRView 和 XRWebGLLayer。此外，由于修复了与键盘导航、PNG 输出以及一些字体和 GPU 相关的错误，Servo 在 Windows 上的性能也得到了改善。简化的工具栏、选项卡式浏览和“新选项卡”页面也增强了开发人员体验。此外，Servo 现在在其开发工具中支持 HTML 树以及样式和计算面板。最后，Servo 工程师努力解决了众多崩溃错误，提高了整体稳定性。</p> <div class='comment'>“公地悲剧”是指由于个人私利而过度使用公共资源，导致其枯竭。相反，当个人在不贡献公共资源的情况下获得福利，同时又让其他人可以使用该资源时，就会出现“搭便车问题”。然而，搭便车问题的不同之处在于，资源保持非消耗性和非竞争性，即一个人对资源的使用不会影响其他人对该资源的可用性。与 Servo 等其他项目不同，这里不消耗共享资源。虽然 Servo 可能面临资金问题并且目前缺乏广泛使用，但从技术上讲它并没有遇到搭便车问题。谁负责资助此类开源项目似乎存在不确定性，这可能源于对集体责任的假设、对贡献选项的不了解或对个人影响的怀疑。揭示他们不愿贡献背后的具体原因需要进一步调查。最后，最初对使用自定义引擎构建全新的网络浏览器的怀疑一度普遍存在。然而，瓢虫所取得的进步挑战了这些观点。无论潜在的失败如何，拥抱乐观的思维并努力改进，都会为进步和创新带来机会。</div> <form method='post' action='/posts/vote' class='text-right'> <input type='hidden' name='pid' value='22832' /> <button name='vote' value='1' class='btn btn-link fa-solid fa-thumbs-up text-success'></button> <button name='vote' value='-1' class='btn btn-link fa-solid fa-thumbs-down text-error'></button> </form> </div> <div class='column col-4 col-sm-12 pt-2'> <div class='h5 mt-2 mb-2'>相关文章</div> <div> </div> </div> <div class='column col-12'> <hr/> <div class='content'> <div class='h5 mt-2 mb-2'>原文</div> <div readability="5"><body id="readabilityBody" readability="110.25029956064"><p><span class="tag is-dark">2024-08-31</span> Flexbox and WebXR are now enabled by default.</p><div readability="396.28869565217"> <figure class="_figr"><a href="/img/blog/features-august-2024.png"><img src="/img/blog/features-august-2024.png" alt="Servo nightly with a flexbox-based table of new features including textarea text, ‘border-image’, structuredClone(), crypto.randomUUID(), ‘clip-path’, and flexbox properties themselves"/></a> <figcaption>A flexbox-based table showcasing some of Servo’s new features this month.</figcaption></figure> <p><span class="_floatmin"/>Servo has had several new features land in our nightly builds over the last month:</p> <ul> <li>as of 2024-07-27, basic support for <strong>show() on HTMLDialogElement</strong> (<a href="https://github.com/lukewarlow">@lukewarlow</a>, <a href="https://github.com/servo/servo/pull/32681">#32681</a>)</li> <li>as of 2024-07-29, the <strong>type property on HTMLFieldSetElement</strong> (<a href="https://github.com/shanehandley">@shanehandley</a>, <a href="https://github.com/servo/servo/pull/32869">#32869</a>)</li> <li>as of 2024-07-31, we now support <strong>rendering text typed in <textarea></strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32886">#32886</a>)</li> <li>as of 2024-07-31, we now support the <strong>‘border-image’</strong> property (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32874">#32874</a>)</li> <li>as of 2024-08-02, <strong>unsafe-eval</strong> and <strong>wasm-unsafe-eval</strong> CSP <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/Sources">sources</a> (<a href="https://github.com/chocolate-pie">@chocolate-pie</a>, <a href="https://github.com/servo/servo/pull/32893">#32893</a>)</li> <li>as of 2024-08-04, we now support playback of <strong>WAV audio files</strong> (<a href="https://github.com/Melchizedek6809">@Melchizedek6809</a>, <a href="https://github.com/servo/servo/pull/32924">#32924</a>)</li> <li>as of 2024-08-09, we now support the <strong>structuredClone()</strong> API (<a href="https://github.com/Taym95">@Taym95</a>, <a href="https://github.com/servo/servo/pull/32960">#32960</a>)</li> <li>as of 2024-08-12, we now support <strong>IIRFilterNode</strong> in Web Audio (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33001">#33001</a>)</li> <li>as of 2024-08-13, we now support navigating through <strong>cross-origin redirects</strong> (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/32996">#32996</a>)</li> <li>as of 2024-08-23, we now support the <strong>crypto.randomUUID()</strong> API (<a href="https://github.com/webbeef">@webbeef</a>, <a href="https://github.com/servo/servo/pull/33158">#33158</a>)</li> <li>as of 2024-08-29, the <strong>‘clip-path’</strong> property, except path(), polygon(), shape(), or url() values (<a href="https://github.com/chocolate-pie">@chocolate-pie</a>, <a href="https://github.com/servo/servo/pull/33107">#33107</a>)</li> </ul> <p>We’ve upgraded Servo to <strong>SpiderMonkey 128</strong> (<a href="https://github.com/sagudev">@sagudev</a>, <a href="https://github.com/jschwe">@jschwe</a>, <a href="https://github.com/servo/servo/pull/32769">#32769</a>, <a href="https://github.com/servo/servo/pull/32882">#32882</a>, <a href="https://github.com/servo/servo/pull/32951">#32951</a>, <a href="https://github.com/servo/servo/pull/33048">#33048</a>), <strong>WebRender 0.65</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32930">#32930</a>, <a href="https://github.com/servo/servo/pull/33073">#33073</a>), <strong>wgpu 22.0</strong> (<a href="https://github.com/sagudev">@sagudev</a>, <a href="https://github.com/servo/servo/pull/32827">#32827</a>, <a href="https://github.com/servo/servo/pull/32873">#32873</a>, <a href="https://github.com/servo/servo/pull/32981">#32981</a>, <a href="https://github.com/servo/servo/pull/33209">#33209</a>), and <strong>Rust 1.80.1</strong> (<a href="https://github.com/Hmikihiro">@Hmikihiro</a>, <a href="https://github.com/sagudev">@sagudev</a>, <a href="https://github.com/servo/servo/pull/32896">#32896</a>, <a href="https://github.com/servo/servo/pull/33008">#33008</a>).</p> <p><strong>WebXR</strong> (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33245">#33245</a>) and <strong>flexbox</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/33186">#33186</a>) are now <strong>enabled by default</strong>, and web APIs that return promises now correctly <strong>reject the promise on failure</strong>, rather than throwing an exception (<a href="https://github.com/sagudev">@sagudev</a>, <a href="https://github.com/servo/servo/pull/32923">#32923</a>, <a href="https://github.com/servo/servo/pull/32950">#32950</a>).</p> <p>To get there, we revamped our <strong>WebXR API</strong>, landing support for <strong>Gamepad</strong> (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/32860">#32860</a>), and updates to <strong>hand input</strong> (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/32958">#32958</a>), XRBoundedReferenceSpace (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33176">#33176</a>), XRFrame (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33102">#33102</a>), XRInputSource (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33155">#33155</a>), XRPose (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33146">#33146</a>), XRSession (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33007">#33007</a>, <a href="https://github.com/servo/servo/pull/33059">#33059</a>), XRTargetRayMode (#33155), XRView (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33007">#33007</a>, <a href="https://github.com/servo/servo/pull/33145">#33145</a>), and XRWebGLLayer (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33157">#33157</a>).</p> <p>And to top it all off, you can now call <strong>makeXRCompatible() on WebGL2RenderingContext</strong> (<a href="https://github.com/msub2">@msub2</a>, <a href="https://github.com/servo/servo/pull/33097">#33097</a>), not just on WebGLRenderingContext.</p> <p>The biggest flexbox features that landed this month are the <strong>‘gap’ property</strong> (<a href="https://github.com/Loirooriol">@Loirooriol</a>, <a href="https://github.com/servo/servo/pull/32891">#32891</a>), <strong>‘align-content: stretch’</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/Loirooriol">@Loirooriol</a>, <a href="https://github.com/servo/servo/pull/32906">#32906</a>, <a href="https://github.com/servo/servo/pull/32913">#32913</a>), and the <strong>‘start’</strong> and <strong>‘end’</strong> values on <strong>‘align-items’</strong> and <strong>‘align-self’</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/Loirooriol">@Loirooriol</a>, <a href="https://github.com/servo/servo/pull/33032">#33032</a>), as well as basic support for <strong>‘flex-direction: column’</strong> and <strong>‘column-reverse’</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/Loirooriol">@Loirooriol</a>, <a href="https://github.com/servo/servo/pull/33031">#33031</a>, <a href="https://github.com/servo/servo/pull/33068">#33068</a>).</p> <p><strong>‘position: relative’</strong> is now supported on flex items (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/33151">#33151</a>), <strong>‘z-index’ always creates stacking contexts</strong> for flex items (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32961">#32961</a>), and we now give flex items and flex containers their correct <strong>intrinsic sizes</strong> (<a href="https://github.com/delan">@delan</a>, <a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/mukilan">@mukilan</a>, <a href="https://github.com/servo/servo/pull/32854">#32854</a>).</p> <p>We’re now working on support for <strong>bidirectional text</strong>, with architectural changes to the fragment tree (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/33030">#33030</a>) and ‘writing-mode’ interfaces (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/atbrakhi">@atbrakhi</a>, <a href="https://github.com/servo/servo/pull/33082">#33082</a>), and now partial support for the <strong>‘unicode-bidi’ property</strong> and the <strong>dir attribute</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/atbrakhi">@atbrakhi</a>, <a href="https://github.com/servo/servo/pull/33148">#33148</a>). Note that the <code>dir=auto</code> value is not yet supported.</p> <figure class="_figl"><a href="/img/blog/servoshell-august-2024.png"><img src="/img/blog/servoshell-august-2024.png" alt="Servo nightly showing a toolbar with icons on the buttons, one tab open with the title “Servo - New Tab”, and a location bar that reads “servo:newtab”"/></a> <figcaption>servoshell now has a more elegant toolbar, tabbed browsing, and a clean but useful “new tab” page.</figcaption></figure> <h2 id="beyond-the-engine" tabindex="-1"><span class="_floatmin"/>Beyond the engine </h2> <p><a href="https://book.servo.org/running-servoshell.html">Servo-the-browser</a> now has a <strong>redesigned toolbar</strong> (<a href="https://github.com/Melchizedek6809">@Melchizedek6809</a>, 33179) and <strong>tabbed browsing</strong> (<a href="https://github.com/webbeef">@webbeef</a>, <a href="https://github.com/Wuelle">@Wuelle</a>, <a href="https://github.com/servo/servo/pull/33100">#33100</a>, <a href="https://github.com/servo/servo/pull/33229">#33229</a>)! This includes a slick <strong>new tab page</strong>, taking advantage of a new API that lets Servo embedders register <strong>custom protocol handlers</strong> (<a href="https://github.com/webbeef">@webbeef</a>, <a href="https://github.com/servo/servo/pull/33104">#33104</a>).</p> <p>Servo now runs better on Windows, with keyboard navigation now fixed (<a href="https://github.com/crbrz">@crbrz</a>, <a href="https://github.com/servo/servo/pull/33252">#33252</a>), <code>--output</code> to PNG also fixed (<a href="https://github.com/crbrz">@crbrz</a>, <a href="https://github.com/servo/servo/pull/32914">#32914</a>), and fixes for some font- and GPU-related bugs (<a href="https://github.com/crbrz">@crbrz</a>, <a href="https://github.com/servo/servo/pull/33045">#33045</a>, <a href="https://github.com/servo/servo/pull/33177">#33177</a>), which were causing misaligned glyphs with incorrect colors on servo.org (<a href="https://github.com/servo/servo/issues/32459">#32459</a>) and duckduckgo.com (<a href="https://github.com/servo/servo/issues/33094">#33094</a>), and corrupted images on wikipedia.org (<a href="https://github.com/servo/servo/issues/33170">#33170</a>).</p> <p>Our <strong>devtools support</strong> is becoming very capable after <a href="https://github.com/eerii">@eerii</a>’s final month of work on their internship project, with Servo now supporting the <strong>HTML tree</strong> (<a href="https://github.com/eerii">@eerii</a>, <a href="https://github.com/servo/servo/pull/32655">#32655</a>, <a href="https://github.com/servo/servo/pull/32884">#32884</a>, <a href="https://github.com/servo/servo/pull/32888">#32888</a>) and the <strong>Styles and Computed panels</strong> (<a href="https://github.com/eerii">@eerii</a>, <a href="https://github.com/servo/servo/pull/33025">#33025</a>). Stay tuned for a more in-depth post about the Servo devtools!</p> <h2 id="changes-for-servo-developers" tabindex="-1">Changes for Servo developers </h2> <p>Running servoshell immediately after building it is now <strong>several seconds faster on macOS</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32928">#32928</a>).</p> <p>We now <strong>run clippy in CI</strong> (<a href="https://github.com/sagudev">@sagudev</a>, <a href="https://github.com/servo/servo/pull/33150">#33150</a>), together with the existing tidy checks in a dedicated linting job.</p> <p>Servo now has <strong>new CI runners</strong> for Windows builds (<a href="https://github.com/delan">@delan</a>, <a href="https://github.com/servo/servo/pull/33081">#33081</a>), thanks to your donations, <strong>cutting Windows-only build times by 70%</strong>! We’re not stopping at Windows though, and with new runners for Linux builds just around the corner, your WPT try builds will soon be a lot faster.</p> <p>We’ve been running some <strong>triage meetings</strong> to investigate GitHub issues and coordinate our work on them. The next Servo issue triage meeting is on <strong>2 September at 10:00 UTC</strong>. For more details, see <a href="https://github.com/servo/project/issues/99">project#99</a>.</p> <h2 id="engine-reliability" tabindex="-1">Engine reliability </h2> <p>August has been a huge month for squashing <strong>crash bugs</strong> in Servo, including on real-world websites.</p> <p>We’ve fixed crashes when rendering <strong>floats near tables</strong> in <a href="https://html.spec.whatwg.org">the HTML spec</a> (<a href="https://github.com/Wuelle">@Wuelle</a>, <a href="https://github.com/servo/servo/pull/33098">#33098</a>), <strong>removed unnecessary explicit reflows</strong> that were causing crashes on w3schools.com (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/33067">#33067</a>), and <strong>made the HTML parser re-entrant</strong> (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/32820">#32820</a>, <a href="https://github.com/servo/servo/pull/33056">#33056</a>, <a href="https://github.com/servo/html5ever/pull/548">html5ever#548</a>), fixing crashes on kilonova.ro (<a href="https://github.com/servo/servo/issues/32454">#32454</a>), tweakers.net (<a href="https://github.com/servo/servo/issues/32744">#32744</a>), and many other sites. Several other crashes have also been fixed:</p> <ul> <li>crashes when <strong>resizing windows with WebGL</strong> on macOS (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/33124">#33124</a>)</li> <li>crashes when rendering text with <strong>extremely long grapheme clusters</strong> (<a href="https://github.com/crbrz">@crbrz</a>, <a href="https://github.com/servo/servo/pull/33074">#33074</a>)</li> <li>crashes when rendering text with <strong>tabs in certain fonts</strong> (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32979">#32979</a>)</li> <li>crashes in the parser <strong>after calling window.stop()</strong> (<a href="https://github.com/Taym95">@Taym95</a>, <a href="https://github.com/servo/servo/pull/33173">#33173</a>)</li> <li>crashes when <strong>passing some values to console.log()</strong> (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/33085">#33085</a>)</li> <li>crashes when <strong>parsing some <img srcset> values</strong> (<a href="https://github.com/NotnaKO">@NotnaKO</a>, <a href="https://github.com/servo/servo/pull/32980">#32980</a>)</li> <li>crashes when <strong>parsing some HTTP header values</strong> (<a href="https://github.com/ToBinio">@ToBinio</a>, <a href="https://github.com/servo/servo/pull/32973">#32973</a>)</li> <li>crashes when <strong>setting window.opener</strong> in certain situations (<a href="https://github.com/Taym95">@Taym95</a>, <a href="https://github.com/servo/servo/pull/33002">#33002</a>, <a href="https://github.com/servo/servo/pull/33122">#33122</a>)</li> <li>crashes when <strong>removing iframes</strong> from documents (<a href="https://github.com/newmoneybigbucks">@newmoneybigbucks</a>, <a href="https://github.com/servo/servo/pull/32782">#32782</a>)</li> <li>crashes when <strong>calling new AudioContext()</strong> with unsupported options (<a href="https://github.com/Taym95">@Taym95</a>, <a href="https://github.com/servo/servo/pull/33023">#33023</a>)</li> <li>intermittent crashes in WRSceneBuilder <strong>when exiting Servo</strong> (<a href="https://github.com/Taym95">@Taym95</a>, <a href="https://github.com/servo/servo/pull/32897">#32897</a>)</li> </ul> <p>We’ve fixed a bunch of <strong>BorrowError</strong> crashes under SpiderMonkey GC (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/33133">#33133</a>, <a href="https://github.com/servo/servo/issues/24115">#24115</a>, <a href="https://github.com/servo/servo/issues/32646">#32646</a>), and we’re now working towards preventing this class of bugs with static analysis (<a href="https://github.com/jdm">@jdm</a>, <a href="https://github.com/servo/servo/pull/33144">#33144</a>).</p> <p>Servo no longer <strong>leaks the DOM Window object</strong> when navigating (<a href="https://github.com/ede1998">@ede1998</a>, <a href="https://github.com/rhetenor">@rhetenor</a>, <a href="https://github.com/servo/servo/pull/32773">#32773</a>), and servoshell now <strong><a href="https://pubs.opengroup.org/onlinepubs/9799919799/functions/V2_chap02.html#tag_16_04_03_01">terminates abnormally</a> when panicking</strong> on Unix (<a href="https://github.com/mrobinson">@mrobinson</a>, <a href="https://github.com/servo/servo/pull/32947">#32947</a>), ensuring <a href="https://book.servo.org/hacking/testing.html">web tests</a> correctly record their test results as “CRASH”.</p> <h2 id="donations" tabindex="-1">Donations </h2> <p>Thanks again for your generous support! We are now receiving <strong>3077 USD/month</strong> (+4.1% over July) in recurring donations. This includes donations from <strong>12 people</strong> on LFX, but we will stop accepting donations there soon — <strong>please move your recurring donations to <a href="https://github.com/sponsors/servo">GitHub</a> or <a href="https://opencollective.com/servo">Open Collective</a></strong>.</p> <p>Servo is also on <a href="https://thanks.dev">thanks.dev</a>, and already <strong>three GitHub orgs</strong> that depend on Servo are sponsoring us there. If you use Servo libraries like <a href="https://crates.io/crates/url/reverse_dependencies">url</a>, <a href="https://crates.io/crates/html5ever/reverse_dependencies">html5ever</a>, <a href="https://crates.io/crates/selectors/reverse_dependencies">selectors</a>, or <a href="https://crates.io/crates/cssparser/reverse_dependencies">cssparser</a>, signing up for <a href="https://thanks.dev">thanks.dev</a> could be a good way for you (or your employer) to give back to the community.</p> <figure class="_fig"/> <p>As always, use of these funds will be decided transparently in the Technical Steering Committee. For more details, head to our <a href="/sponsorship/">Sponsorship page</a>.</p> </div></body></div> </div> </div> </div> <div class='clear'></div> </div> <div style='position:fixed; bottom:0; left:0; right:0;'> </div> <div align='center' style='border-top:1px solid #EEE; padding:1em; margin-top:2em;'> 联系我们 contact @ memedata.com </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PFMR8YTWGP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PFMR8YTWGP'); </script> </body> </html>

本月 Servo：选项卡式浏览、Windows 爱好者、开发工具等 This month in Servo: tabbed browsing, Windows buffs, devtools, and more

本月 Servo：选项卡式浏览、Windows 爱好者、开发工具等
This month in Servo: tabbed browsing, Windows buffs, devtools, and more