Safari Developer Tools

RSS for tag

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

Safari Developer Tools Documentation

Posts under Safari Developer Tools tag

65 Posts
Sort by:
Post not yet marked as solved
1 Replies
374 Views
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. ๐Ÿ™‚
Posted
by
Post not yet marked as solved
0 Replies
381 Views
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.
Posted
by
Post not yet marked as solved
0 Replies
663 Views
่ตทๅ‹•ใ—ใ‚ˆใ†ใจใ™ใ‚‹ใจไบˆๆœŸใ—ใชใ„็†็”ฑใง็ต‚ไบ†ใ—ใพใ—ใŸใจๅ‡บใพใ™ใ€‚ไปฅไธ‹ใŒใ‚จใƒฉใƒผใฎใƒฌใƒใƒผใƒˆใงใ™ใ€‚ ใชใซใ‹ๅŽŸๅ› ใŒใ”ๆ•™ๆŽˆใ—ใฆใ‚‚ใ‚‰ใˆใ‚Œใฐใจๆ€ใ„ใพใ™ใ€‚ 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
Posted
by
Post not yet marked as solved
0 Replies
348 Views
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
Posted
by
Post not yet marked as solved
0 Replies
368 Views
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
Posted
by
Post not yet marked as solved
0 Replies
453 Views
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
Posted
by
Post not yet marked as solved
0 Replies
319 Views
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?
Posted
by
Post not yet marked as solved
1 Replies
496 Views
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>
Posted
by
Post not yet marked as solved
0 Replies
441 Views
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.
Posted
by
Post not yet marked as solved
1 Replies
393 Views
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.
Posted
by
Post not yet marked as solved
6 Replies
1.9k Views
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
Posted
by
Post not yet marked as solved
1 Replies
587 Views
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.
Posted
by
Post not yet marked as solved
0 Replies
960 Views
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.
Posted
by
Post not yet marked as solved
18 Replies
3k Views
I have simulators downloaded to my 14" M2 Pro Macbook Pro, and for some reason, I cannot see any simulators as an option in Safari's Responsive Design Mode. Am I missing something obvious, or is my computer bugged? Above is an image of the Responsive Design Mode showing no simulators. I would offer more screenshots to prove that I have simulators installed, but it won't let me upload any more photos for some reason.
Posted
by
Post not yet marked as solved
3 Replies
919 Views
When rendering 2 'div' components with 'display:flex' placed on top of each other, the preceding one sometimes comes up. The 'position:absolute' has been set and the second 'div' component is being generated after the first one. However, when inspecting the iOS webview in Safari, I enable-disable the 'display:flex' property, everything starts working again. This is possibly a bug in the layout engine. I tried the same process in iOS 16.4 and there are no issues at all.
Posted
by
Post not yet marked as solved
0 Replies
492 Views
I am trying to automate Web app on iOS Safari for e2e test. Even though following code worked for emulator in iOS 17 beta, it seems not working on Real Device(iPhone 12, iOS 16.6). code for test describe("test0", () => { const getDriver = async () => { const options = new safari.Options() const capabilities = webdriver.Capabilities.safari() capabilities.setPlatform('ios') capabilities.set('safari:deviceType', 'iphone') capabilities.set('safari:useSimulator', false) const driver = new Builder().forBrowser('safari').withCapabilities(capabilities).setSafariOptions(options).build() return driver } let driver beforeAll(async () => { driver = await getDriver() }, 10000000) afterAll(async () => { await driver.quit(); }); test("test", async () => { await driver.get("https://google.com"); }, 1000000); }); Following error will happen when testing through real device while device is listed on Device and Simulators opened by Xcode > Window > Device and Simulators. SessionNotCreatedError: Could not create a session: Some devices were found, but could not be used: - iPhone (***-xxxxxxx): Remote Automation is turned off (turn it on via Settings > Safari > Advanced > Remote Automation) - [unknown wireless device]: device is not paired at Object.throwDecodedError (../node_modules/selenium-webdriver/lib/error.js:524:15) at parseHttpResponse (../node_modules/selenium-webdriver/lib/http.js:601:13) at Executor.execute (../node_modules/selenium-webdriver/lib/http.js:529:28) What I tried I turned on Safari > Advanced > Web Inspector, Safari > Advanced > Remote Automation, Developper > Enable UI Automation on iOS setting. I enabled safaridriver running safaridriver --enable. Versions XCode: 15.0 beta iOS: 17 beta
Posted
by
Post not yet marked as solved
0 Replies
547 Views
0 I integrate with safriService (SFSafariViewController) to log in through a single sign-on password, the problem was the first time I log in using SFSafariViewController but the authentication follow not complete the first time so the safari browser still appear & can not direct into my app after authentication follow to become a success, another behavior is when I login again the authentication follow work fine & get the token then directed into my app fine so the main problem is the first time I login SFSafariViewController does not catch the user auth if let url = URL(string: "url") { let safariVC = SFSafariViewController(url: url) safariVC.delegate = self safariVC.dismissButtonStyle = .done present(safariVC, animated: true, completion: nil) } extension DouWebViewVC: SFSafariViewControllerDelegate { func safariViewController(_ controller: SFSafariViewController, didCompleteInitialLoad didLoadSuccessfully: Bool) { if didLoadSuccessfully { print("didLoadSuccessfully") // Do something with the URL here } } //initialLoadDidRedirectTo func safariViewController(_ controller: SFSafariViewController, initialLoadDidRedirectTo requestUrl: URL) { let absoluteUrl = requestUrl.absoluteString print("requestUrl(requestUrl)") } func safariViewControllerDidFinish(_ controller: SFSafariViewController) { print("safariViewControllerDidFinish") } }
Posted
by
Post not yet marked as solved
0 Replies
548 Views
I am currently utilizing local servers to facilitate interactions with local resources. However, I am exploring if there are solutions that would enable direct file access through the file:// protocol. I cannot access the developer tools and feature flags. Specifically, the option "Show features for web developers" seems to be deactivated. This is happening within the ASan WebKit build. I am running this using Tools/Scripts/run-safari. Any insights or potential solutions to these issues would be greatly appreciated.
Posted
by