Lmst

Also, does the Safari Web Inspector not understand nested CSS syntax, or is the red syntax highlighting colour an intentional choice for nested rules? Because having this displayed in red sure suggests that it’s invalid syntax.

(I can only assume it doesn’t understand nesting because there’s also no way to edit nested rules directly in the Styles pane of the Elements tab)

WebKit/Safari team: FB21689793

#WebKit #Safari #CSS #WebInspector #FeedbackAssistant

A screenshot of the Web Inspector Sources page in Safari Technology Preview 235, showing the contents of a CSS file where a nested CSS definition is displayed in red, which suggests that it is invalid syntax even though it is valid.

While working with the dialog element over the past week I keep seeing this Safari Web Inspector bug:

Having a nested @ starting-style rule within dialog::backdrop causes the Web Inspector to display the wrong style definitions when inspecting elements within a dialog element.

e.g. inspecting a button inside a form in the dialog shows the form’s styles as the button’s styles, an off-by-one type bug.

WebKit/Safari team: FB21689457

#WebKit #Safari #CSS #WebInspector #FeedbackAssistant

A screenshot of the Web Inspector in Safari Technology Preview 235, inspecting the styles of an h2 element inside a dialog element. Because the dialog::backdrop contains a nested @starting-style definition, the Web Inspector is showing the wrong style definitions when inspecting any elements inside the dialog.

In this case, the "opacity: 0" definition that is being displayed for h2 is actually a definition from the @starting-style of dialog::backdrop.

#Development #Guides
Using the Safari developer tools · How to get started with Safari’s Web Inspector https://ilo.im/165xux

_____
#Safari #WebInspector #Debugging #DevTools #Console #Browser #WebPerf #WebDev #Frontend #JavaScript

Apple veröffentlicht Safari Technology Preview 224 mit Verbesserungen und Fehlerbehebungen
Apple hat die neue Version der Safari Technology Preview veröffen
https://www.apfeltalk.de/magazin/news/apple-veroeffentlicht-safari-technology-preview-224-mit-verbesserungen-und-fehlerbehebungen/
#Mac #News #Apple #Barrierefreiheit #BrowserFeatures #CSS #Entwickler #Fehlerbehebung #Leistung #macOS #Rendering #SafariTechnologyPreview #SoftwareUpdate #WebAPI #WebExtensions #WebInspector #Webbrowser

A web developer (me) tries to order some Pizza Hut.

#webdev #pizza #PizzaHut #broken #javascript #webinspector

Web Inspector showing huge # of javascript errors from Pizza Hut payment page

Dein #WebInspector in #phpStorm (oder einer anderen #IntelliJ #IDE) startet nicht?

Hier ist die Lösung:
https://www.codemercenary.de/2025/06/webinspector-in-phpstorm-startet-nicht.html

#aqua

Hmm, it seems the Web Inspector in Safari (including in Safari Technology Preview) doesn’t know about the hanging and each-line keywords of the text-indent property.

Instead, it still lists -webkit-each-line and -webkit-hanging, neither of which actually even works now.

Maybe it never got updated when Safari started supporting the unprefixed versions?

Also, Firefox finally supports these keywords (since December), but Chrome still doesn’t!

#Safari #SafariTechnologyPreview #STP #WebInspector

A screenshot of the Safari Web Inspector Elements tab, editing the style attribute of the currently selected element. I have typed text-indent: 2em

The auto-complete/suggestion list is open and is displaying keywords that would be suitable for the text-indent property. The first two suggestions in the list are -webkit-each-line and -webkit-hanging, but the list does not contain the unprefixed each-line and hanging keywords.

#Development #Releases
WebKit features in Safari 17 beta · Web apps for Mac, Spatial Web, WebXR, JPEGXL, and much more https://ilo.im/13es5i

_____
#Apple #WWDC23 #Browser #Safari #Mac #iOS #iPadOS #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #RegEx #WebAPI #WebApp #PWA #SpatialWeb #ModelElement #WebXR #WebGL #HEIC #WebDeveloperTools #DevTools #WebInspector #SafariExtensions

@jensimmons excited to see the updates for #WebInspector and #visionOS. I use inspector daily in my work and I’m curious about web design and W3C standards for special computing web sites.

TIL you need to enable Safari’s Web Inspector explicitly for any WKWebView in iOS 16.4. Such fun sorting out the “No Inspectable Applications” item that shows up unexpectedly in Safari’s Develop menu.

#swift #webKit #swiftUI #webInspector

https://webkit.org/blog/13936/enabling-the-inspection-of-web-content-in-apps/

#Development #Releases
WebKit features in Safari 16.4 · Apple’s most gigantic WebKit release yet, including PWA features! https://ilo.im/11yb28

_____
#Browser #Safari #WebKit #WebDevelopment #WebDev #Frontend #PWA #WebApp #WebPush #AppBadges #WebComponents #ShadowDOM #CSS #HTML #JavaScript #WebAssembly #WebAPI #DeveloperTooling #WebInspector #SafariWebExtensions #SafariContentBlockers #Image #Audio #Video

@cory We added support for #WebInspector #WebExtensions to #Safari last fall. Just need the frameworks to release their extensions now.

I finally got frustrated enough with this bug in the Web Inspector in Safari (and Safari Technology Preview) that I made a Feedback Assistant report about it.

Adding properties to a new/existing rule in the Elements details sidebar will often result in the property just disappearing (or being replaced with something random) as soon as you type the closing ;

Submitted as FB11886541

#WebInspector #Safari #SafariTechnologyPreview #WebKit #bug #macOS #webdev #css #Apple

#WebInspector

Client Info