Show threadeurozerozeroJan 20

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

Show threadeurozerozeroJan 20

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

InautiloAug 22

#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

How To Use The Safari Developer Tools | DebugBear

Learn how to use Safari's developer tools to debug your website on Mac OS and iOS.

apfeltalk Jul 24, 2025
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
Apple veröffentlicht Safari Technology Preview 224 mit Verbesserungen und Fehlerbehebungen

Entdecke die neuesten Verbesserungen der Safari Technology Preview. Version 224 bringt aufregende Neuerungen für Entwickler und Nutzer.

Apfeltalk Magazin
Blake PattersonJun 21, 2025

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

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

Sascha Presnac 🙄🤦‍♂️Jun 16, 2025

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

WebInspector in PhpStorm startet nicht | CodeMercenary

eurozerozeroFeb 10, 2024

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

InautiloJun 6, 2023

#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

News from WWDC23: WebKit Features in Safari 17 beta

It’s been a fantastic year for WebKit.

WebKit
Show threadmndaJun 6, 2023
@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.
Steven G. HarrisApr 12, 2023

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/

Enabling the Inspection of Web Content in Apps

Web Inspector is a powerful tool that allows you to debug the layout of web pages, step through JavaScript, read messages logged to the console, and more.

WebKit