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
Safari Developer Tools
RSS for tagInspect, edit, debug, and check the performance of your web content using Safari developer tools.
Posts under Safari Developer Tools tag
56 Posts
Sort by:
Post
Replies
Boosts
Views
Activity
I cannot access developer tools from the web app once it is added to Docker. I am facing an issue with the web app, but it is working fine with Safari. I need to debug this. Any guidance on how to open the console/web inspector would be helpful.
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.
sonoma 14.0 safari 17 developer tools JSContext, cannot debug desktop webAPPs.
Anyone know how to set it up?
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>
When I add a web site to the dock in Mac OS Sonoma, the developers menu isn't available anymore. We have a web site, that behaves differently whether in docked mode or standard mode and I'd want to check the java script console. What options do I have?
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
In Safari 16 I could:
defaults write com.apple.Safari IncludeDevelopMenu -bool true
defaults write com.apple.Safari.SandboxBroker ShowDevelopMenu -bool true
This doesnt seem to work in Safari 17
Anyone aware how to get this functionality back?
Thanks
Good afternoon. The problem is that I can't activate the developer account.
A company in the Israel region - all the data was confirmed by apple and placed an order, but the money is not debited from the card, I read that this is some kind of general problem, maybe someone solved it?
Apple will hopefully fix this problem soon
I really need to publish the application
起動しようとすると予期しない理由で終了しましたと出ます。以下がエラーのレポートです。
なにか原因がご教授してもらえればと思います。
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
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.
Is there any way to open new tab next to the current tab instead of opening it all the way to the right? I tried my best to find some setting to do this but didn't found any. Any help will be appreciated. 🙂
Hi, after the upgrade to Safari 17 the Mouse Over text, is not popping up any more.
At least not in graphics.
When inspecting the Element, the <g cursor="pointer" aria=label='text..' is there, but it is not doing anything.
How to activate this again?
Thanks
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]
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.
Has the Preserve Log option been moved from the Network tab in DevTools? I've just upgraded from Intel to Apple Silicon and am not finding this option on Network tab or in settings.
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?
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.
Hello everyone,
During the development of our company's web application, I found something intriguing in the CPU usage and load conditions on the iPhone 15 Pro series. While monitoring these statistics from the Safari console, the CPU usage sometimes exceeded 100% and even rose to a maximum of 190%.
I'm curious about a couple of things:
1.What exactly is the baseline for 100% CPU usage?
2.What state does the device enter when it starts exceeding 100% CPU usage? For instance, is it utilizing the use rate normally allocated to Safari plus some extra reserve?
The process used for checking the load is as follows:
1.Connect the iPhone device with MacBook via a USB Cable.
2.To test for a web application, I executed it on the iPhone Safari browser.
3.While it's running, I measured the CPU load on the MacBook, using Safari to obtain the console of the iPhone's browser.
Any help in understanding this would be highly appreciated.
Thank you.
Safari 17.3 - Where did Menu Item Develop: 'Disable Java' go?
Is there a method to re-enable it?