Fosstodon

0 posts0 participants0 posts today

CallionicaWow the <a href="https://mastodon.social/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> <a href="https://mastodon.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a> is really buggy now. Sometimes I have to open my web page in a new tab in Safari to make progress (or kill Safari completely). Don’t know if I’m using some tech that makes this problem appear or if it’s just new version of Safari or the OS, but it’s pretty annoying. The temporarily blank code view and the Elements page that won’t show elements until you switch to another tab and back again are also frustrating.

eurozerozeroHmm, 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!<a href="https://mastodon.social/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> <a href="https://mastodon.social/tags/SafariTechnologyPreview" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SafariTechnologyPreview</a> <a href="https://mastodon.social/tags/STP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#STP</a> <a href="https://mastodon.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Releases" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Releases</a> WebKit features in Safari 17 beta · Web apps for Mac, Spatial Web, WebXR, JPEGXL, and much more <a href="https://ilo.im/13es5i" rel="nofollow noopener noreferrer" target="_blank">https://ilo.im/13es5i</a>_____ <a href="https://mastodon.social/tags/Apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Apple</a> <a href="https://mastodon.social/tags/WWDC23" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WWDC23</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> <a href="https://mastodon.social/tags/Mac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mac</a> <a href="https://mastodon.social/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iOS</a> <a href="https://mastodon.social/tags/iPadOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iPadOS</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/RegEx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RegEx</a> <a href="https://mastodon.social/tags/WebAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAPI</a> <a href="https://mastodon.social/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebApp</a> <a href="https://mastodon.social/tags/PWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PWA</a> <a href="https://mastodon.social/tags/SpatialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SpatialWeb</a> <a href="https://mastodon.social/tags/ModelElement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModelElement</a> <a href="https://mastodon.social/tags/WebXR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebXR</a> <a href="https://mastodon.social/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGL</a> <a href="https://mastodon.social/tags/HEIC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HEIC</a> <a href="https://mastodon.social/tags/WebDeveloperTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDeveloperTools</a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DevTools</a> <a href="https://mastodon.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a> <a href="https://mastodon.social/tags/SafariExtensions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SafariExtensions</a>

mnda<a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jensimmons</a> excited to see the updates for <a href="https://mstdn.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a> and <a href="https://mstdn.social/tags/visionOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visionOS</a>. I use inspector daily in my work and I’m curious about web design and W3C standards for special computing web sites.

Steven G. HarrisTIL 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.<a href="https://mastodon.social/tags/swift" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#swift</a> <a href="https://mastodon.social/tags/webKit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webKit</a> <a href="https://mastodon.social/tags/swiftUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#swiftUI</a> <a href="https://mastodon.social/tags/webInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webInspector</a><a href="https://webkit.org/blog/13936/enabling-the-inspection-of-web-content-in-apps/" rel="nofollow noopener noreferrer" target="_blank">https://webkit.org/blog/13936/enabling-the-inspection-of-web-content-in-apps/</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Releases" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Releases</a> WebKit features in Safari 16.4 · Apple’s most gigantic WebKit release yet, including PWA features! <a href="https://ilo.im/11yb28" rel="nofollow noopener noreferrer" target="_blank">https://ilo.im/11yb28</a> _____ <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> <a href="https://mastodon.social/tags/WebKit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebKit</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/PWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PWA</a> <a href="https://mastodon.social/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebApp</a> <a href="https://mastodon.social/tags/WebPush" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPush</a> <a href="https://mastodon.social/tags/AppBadges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AppBadges</a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/ShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ShadowDOM</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/WebAssembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAssembly</a> <a href="https://mastodon.social/tags/WebAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAPI</a> <a href="https://mastodon.social/tags/DeveloperTooling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeveloperTooling</a> <a href="https://mastodon.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a> <a href="https://mastodon.social/tags/SafariWebExtensions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SafariWebExtensions</a> <a href="https://mastodon.social/tags/SafariContentBlockers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SafariContentBlockers</a> <a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Image</a> <a href="https://mastodon.social/tags/Audio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Audio</a> <a href="https://mastodon.social/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a>

Timothy Hatcher<a href="https://social.lol/@cory" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cory</a> We added support for <a href="https://mastodon.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a> <a href="https://mastodon.social/tags/WebExtensions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebExtensions</a> to <a href="https://mastodon.social/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> last fall. Just need the frameworks to release their extensions now.

eurozerozeroI 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<a href="https://mastodon.social/tags/WebInspector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebInspector</a> <a href="https://mastodon.social/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Safari</a> <a href="https://mastodon.social/tags/SafariTechnologyPreview" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SafariTechnologyPreview</a> <a href="https://mastodon.social/tags/WebKit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebKit</a> <a href="https://mastodon.social/tags/bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bug</a> <a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#macOS</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/Apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Apple</a>

Recent searches

Search options

Administered by:

Server stats:

#webinspector