Safari Developer Tools

RSS for tag

Inspect, edit, debug, and check the performance of your web content using Safari developer tools.

Posts under Safari Developer Tools tag

51 Posts
Sort by:

Post

Replies

Boosts

Views

Activity

Safari Web Extension browser.tabs.captureVisibleTab() is not capturing the image correctly
On Safari Mobile and iOS version 16 or 17, while scrolling the webpage, the function browser.tabs.captureVisibleTab() is not returning the expected screen image. The image is cropped from the top. The probable reason for the same is the collapsible Address Bar. The below attached image is the iPad mini (6th generation ) Simulator OS Version:17.0 simulator The below attached image is created by browser.tabs.captureVisibleTab() I tested it on iPad mini (6th generation ) Simulator OS Version:17.0 and iPad (8th generation) - iPadOS Version 16.2.
1
0
626
Jan ’24
Using Apple Push Notifications Console with Safari Web Push?
I'm using standard Safari Web Push, but my notifications aren't coming through. I'm trying to debug this. Is it possible to use the Apple Push Notifications Console to debug/analyze Safari Web Push deliverability? I can't figure out how to use it for web push. When I login and try to use the Push Notification Console, it asks me to choose an "app." But for standard Safari 16+ Web Push, there is no "app," no "Website Push ID", etc. that I register with Apple. So how can I use the Push Notification Console for this? Apple's documentation does strongly imply that it should work. Sending web push notifications in web apps and browsers: To resolve an error, address the issue and resend your push notification request. For more information about the factors that impact the delivery of a push notification, see Viewing the status of push notifications using Metrics and APNs. And that page is all about the Push Notification Console. So it must be possible somehow, right?
0
0
507
Jan ’24
Safari 17 blocking my JavaScript SDK completely in Private Browsing Mode
Hi Safari team, I am a product manager working for a large content recommendation company. Our JavaScriot SDK is running on more than 9000 leading publishers worldwide and has been certified to be aligned with global legal and privacy regulations and guidelines. We have the following problem: Since the launch of Safari 17 (in iOS, iPadOS, and MacOS) - we can see our JavaScript SDK blocked when the user uses the private browsing mode Safari 17 sometimes identifies our loading and rendering JavaSctipt files as any request/action by our domain to be a tracking activity (we see the JavaScript files in the console tagged with “Blocked connection to known tracker” log) In previous Safari versions, we only got the tracking functionality blocked, allowing our content to render We have the following questions: Can JavaScript running in Safari detect the user has the privacy mode turned on? Was there something specific in Safari 17 “Tracking Protection” functionality that now blocks content rendering on the page in addition to tracking activity? Context: We can run our JavaScript without performing any form of tracking, either directly by my domain or any other 3rd party vendor we are working with. We will render our content without performing any form of tracking or fingerprinting We are already following Apple’s iOS IDFA guidelines. Our iOS SDK, for example, detects and respects when the user opts out from sharing the IDFA on an iOS app running our code. In that case, we show our content without breaching the App Tracking Transparency framework rules. Besides sponsored content, our JavaScript SDK also powers organic recommendations for our clients. With Safari 17 blocking anything in private browsing mode, we see unfair interference with organic engagement. Please let us know if you provide guidance to allow our JavaScript SDK to render content when the user uses the private browsing mode, adhering to the privacy requirements. Thank you for helping! Omri.
0
1
1.1k
Dec ’23
Safari Security Vulnerability - CSP policy bypassed script on Safari while chrome successfully blocking it.
on our web pages we have allowed certain sources of scripts though content-security-policy meta tag which is working fine as expected on Chrome browser and on Internet Edge. However there is a script called morosa.top when it inserted in our html page, safari is not able to block it while it was supposed to block. if this script gets executed it start taking screenshots of screen and post it to hacker. Please check this could be a potential issue. [Edited by Moderator]
1
0
590
Jan ’24
Breakpoints and find problems using pretty printing and original formatting options
I'm testing/debugging a Capacitor app using Xcode and Web Inspector. My Javascript source file initially displays in "pretty print" mode when loaded. Breakpoints are mapped incorrectly in this mode, so are unusable. If I switch to "original formatting", the breakpoints line up, but "find" doesn't work for finding certain sections of code where I want to set breakpoints. So far I've had to look at my HTML/Javascript file in another editor and find the line number, then scroll there in Web Inspector while in original formatting mode.
0
0
466
Nov ’23
pgAdmin4を起動できない
起動しようとすると予期しない理由で終了しましたと出ます。以下がエラーのレポートです。 なにか原因がご教授してもらえればと思います。 Translated Report (Full Report Below) Process: pgAdmin 4 [1260] Path: /Users/USER/pgAdmin 4.app/Contents/MacOS/pgAdmin 4 Identifier: org.pgadmin.pgadmin4 Version: 7.5 (4280.88) Code Type: X86-64 (Translated) Parent Process: launchd [1] User ID: 501 Date/Time: 2023-11-07 21:40:06.2444 +0900 OS Version: macOS 14.1 (23B74) Report Version: 12 Anonymous UUID: A28AA79C-B419-92B4-7831-8810BBA98FFE Sleep/Wake UUID: 433BCF44-5B6D-4F1D-B638-D92BACACE00C Time Awake Since Boot: 480 seconds Time Since Wake: 79 seconds System Integrity Protection: enabled Notes: PC register does not match crashing frame (0x0 vs 0x1005101F0) Crashed Thread: 0 CrBrowserMain Dispatch queue: com.apple.main-thread Exception Type: EXC_BAD_ACCESS (SIGSEGV) Exception Codes: KERN_INVALID_ADDRESS at 0x0000000000000020 Exception Codes: 0x0000000000000001, 0x0000000000000020 Termination Reason: Namespace SIGNAL, Code 11 Segmentation fault: 11 Terminating Process: exc handler [1260] VM Region Info: 0x20 is not in any region. Bytes before following region: 140723128958944 REGION TYPE START - END [ VSIZE] PRT/MAX SHRMOD REGION DETAIL UNUSED SPACE AT START ---> mapped file 7ffca81d0000-7ffccd878000 [598.7M] r-x/r-x SM=COW ...t_id=411f6b49 Error Formulating Crash Report: PC register does not match crashing frame (0x0 vs 0x1005101F0) Thread 0 Crashed:: CrBrowserMain Dispatch queue: com.apple.main-thread 0 ??? 0x1005101f0 ??? 1 libsystem_platform.dylib 0x7ff813b76393 _sigtramp + 51 2 nwjs Framework 0x11e831522 0x114ead000 + 160974114 3 nwjs Framework 0x11ea4e1f0 0x114ead000 + 163189232 4 nwjs Framework 0x11eabe0db 0x114ead000 + 163647707 5 nwjs Framework 0x11b3ad51a 0x114ead000 + 105907482 6 nwjs Framework 0x11b3b58d9 0x114ead000 + 105941209 7 nwjs Framework 0x11c3444bd 0x114ead000 + 122254525 8 nwjs Framework 0x11c342c46 0x114ead000 + 122248262 9 nwjs Framework 0x11ea4fde5 0x114ead000 + 163196389 10 nwjs Framework 0x11eacac97 0x114ead000 + 163699863 11 nwjs Framework 0x11e7ffcd5 0x114ead000 + 160771285 12 nwjs Framework 0x11e7fef17 0x114ead000 + 160767767 13 nwjs Framework 0x11bea7259 0x114ead000 + 117416537 14 nwjs Framework 0x118319cb0 0x114ead000 + 54971568 15 nwjs Framework 0x11831c494 0x114ead000 + 54981780 16 nwjs Framework 0x11831c927 0x114ead000 + 54982951 17 nwjs Framework 0x118318a63 0x114ead000 + 54966883 18 nwjs Framework 0x117ebb179 0x114ead000 + 50389369 19 nwjs Framework 0x1183191c6 0x114ead000 + 54968774 20 nwjs Framework 0x11a16bf90 0x114ead000 + 86765456 21 nwjs Framework 0x11a171131 0x114ead000 + 86786353 22 nwjs Framework 0x11a16d6d0 0x114ead000 + 86771408 23 nwjs Framework 0x11a25f1da 0x114ead000 + 87761370 24 nwjs Framework 0x11a16f799 0x114ead000 + 86779801 25 nwjs Framework 0x11960f4d2 0x114ead000 + 74851538 26 nwjs Framework 0x119626a6e 0x114ead000 + 74947182 27 nwjs Framework 0x1196264a9 0x114ead000 + 74945705 28 nwjs Framework 0x1196270d5 0x114ead000 + 74948821 29 nwjs Framework 0x119680ec3 0x114ead000 + 75316931 30 nwjs Framework 0x11967da22 0x114ead000 + 75303458 31 nwjs Framework 0x1196806df 0x114ead000 + 75314911 32 CoreFoundation 0x7ff813c23a16 CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM_FUNCTION + 17 33 CoreFoundation 0x7ff813c239b9 __CFRunLoopDoSource0 + 157 34 CoreFoundation 0x7ff813c23788 __CFRunLoopDoSources0 + 215 35 CoreFoundation 0x7ff813c223f8 __CFRunLoopRun + 919 36 CoreFoundation 0x7ff813c21a99 CFRunLoopRunSpecific + 557 37 HIToolbox 0x7ff81e9899d9 RunCurrentEventLoopInMode + 292 38 HIToolbox 0x7ff81e9897e6 ReceiveNextEventCommon + 665 39 HIToolbox 0x7ff81e989531 _BlockUntilNextEventMatchingListInModeWithFilter + 66 40 AppKit 0x7ff817193885 _DPSNextEvent + 880 41 AppKit 0x7ff817a87348 -[NSApplication(NSEventRouting) _nextEventMatchingEventMask:untilDate:inMode:dequeue:] + 1304 42 nwjs Framework 0x1190b83f0 0x114ead000 + 69252080 43 nwjs Framework 0x11967da22 0x114ead000 + 75303458 44 nwjs Framework 0x1190b8369 0x114ead000 + 69251945 45 AppKit 0x7ff817184dfa -[NSApplication run] + 603 46 nwjs Framework 0x1196814ac 0x114ead000 + 75318444 47 nwjs Framework 0x11968023c 0x114ead000 + 75313724 48 nwjs Framework 0x119627459 0x114ead000 + 74949721 49 nwjs Framework 0x1195ee15f 0x114ead000 + 74715487 50 nwjs Framework 0x1174fc301 0x114ead000 + 40170241 51 nwjs Framework 0x1174fdc92 0x114ead000 + 40176786 52 nwjs Framework 0x1174f9a5a 0x114ead000 + 40159834 53 nwjs Framework 0x118a351c4 0x114ead000 + 62423492 54 nwjs Framework 0x118a36389 0x114ead000 + 62428041 55 nwjs Framework 0x118a3619d 0x114ead000 + 62427549 56 nwjs Framework 0x118a34867 0x114ead000 + 62421095 57 nwjs Framework 0x118a34b03 0x114ead000 + 62421763 58 nwjs Framework 0x114eb0930 ChromeMain + 560 59 pgAdmin 4 0x10034e87e main + 286 60 dyld 0x20041d3a6 start + 1942
0
0
747
Mar ’24
Safari, WKWebView video slow loading issue
my web service has video content. the problem is in chrome browser, downloading and playing video is much faster than Webkit browser (Safari and WkWebView). we are struggling to find the reason why there is huge gap between two browsers. we've checked browser inspector and there's something look like error in safari inspector that doesn't appear in chrome. There are two cases in network section. First red header case that I think something went wrong Second yellow header csae that I think succeeded to donwload
0
0
516
Oct ’23
SFSafariContextMenu is not working
Hello, I try to develop extension for safari. I edited info.plist but I can't see my menu items. My Info.plist page <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <key>NSExtension</key> <dict> <key>NSExtensionPointIdentifier</key> <string>com.apple.Safari.web-extension</string> <key>NSExtensionPrincipalClass</key> <string>$(PRODUCT_MODULE_NAME).SafariWebExtensionHandler</string> </dict> <key>SFSafariContextMenu</key> <array> <dict> <key>Text</key> <string>Search for selected text in MyApplication.</string> <key>Command</key> <string>Search</string> </dict> <dict> <key>Text</key> <string>Add an entry for selected text in MyApplication.</string> <key>Command</key> <string>Add</string> </dict> </array> <key>SFSafariWebsiteAccess</key> <dict> <key>Level</key> <string>All</string> </dict> </dict> </plist>
1
0
605
Oct ’23
Safari Web Inspector ultra lag
So previously I had a Mac Pro 2020 Touchbar with i5 16GB RAM and it was a pain to work with Safari due to the lagness of the web inspector. I thought it was related to my hardware. Upgraded recently to an M2 Pro chip 32GB 2023, and still happens the same, i can't believe how bad it is to develop & work with Safari. Even when trying to search on files it lags as if it has a 500ms debounce per key stroke. Adding breakpoints and following code line-by-line, everything is laggy. What is going on? It's literally impossible to work on big projects and having to debug with Safari.
0
0
525
Oct ’23
Bring back device views in Responsive Design Mode
In Safari 17.0, the Responsive Design Mode was updated with two major changes. The quick device view icons that were at the top were removed in favor of a simple resizable web view. New integration with Xcode simulator for easily opening a website in a devices native simulator. The new simulator integration is nice. It definitely promotes giving a much better testing of webpages since we get to see the webpage in the native app/environment. I think that this new integration is welcoming. However, removing the device views has been a major step backwards. These views gave us quick access to checking webpage layouts across different devices with the click of a button. As a web developer, I am aware that these views are not a guarantee that the website will be fully functional on the device clicked on. The simulator is better for that. But during the development process, these views were good for quick sanity checks as it was quick and "close enough". Having to launch multiple simulators to test on two different iPhones and two different iPads takes a lot of time. The devices have to boot up each and load the website. This wastes minutes of time vs the fraction of a second it did before, just for a quick check. Another downside of the simulators is that if I am testing a web app that requires a login, I need to log into each app on every simulator. The older responsive design mode just used the exact session that I was logged into Safari with. I submitted this as feedback as well... https://feedbackassistant.apple.com/feedback/13225118
7
22
2.3k
Oct ’23
Safari Bug
Hello, safari consumes less CPU than Chrome, but it does not consume less RAM. When you access YouTube in Safari, especially when you skip 5 seconds while watching a video, the buttons are very inadequate compared to Chrome. The video and audio lag, the loading sign appears and the audio lag is very annoying. At the same time, when I log into Twitter, some videos do not play but remain loading. While browsing the web in Safari, the mouse sometimes remains stuck. While typing, the mouse becomes a line, but when I hover over something to click, it still remains as a line. There are such bugs. I like to use Safari, it is very useful, but I always prefer to stay in Chrome because of such errors. I try it every time Apple updates Safari, most bugs go away, but new ones come and unfortunately the Youtube problem is very bad. This problem only occurs on YouTube, not on Netflix and similar platforms. Browsing YouTube with Safari is very annoying. I hope you find a solution to these problems soon. Since I deal with CDN and Linux servers, the web is very important to me and I like the safari web tool part, but it is not an immersive view. It gives the impression that I shouldn't have opened it. I hope a new design language will be added to this design. Other than that, using safari is nice and I love how minimalist it is. Thank you, I wish you good work.
1
0
686
Sep ’23
Failed to load resource: the network connection was lost when I hit specific URL which is connected to AZURE Front Door
The end user experiences error "Failed to load resource: the network connection was lost" when using safari browser via reverse proxy only(Azure Front door). Using google chrome, or accessing the resource directly, the user does not see the error. After taking a packet capture and HTTP Archive traces, we were able to determine that the safari browser is completely blocking the traffic from being sent over the network.
1
0
1.2k
Sep ’23