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

98 Posts
Sort by:
Post not yet marked as solved
1 Replies
51 Views
This is the last question I have to buy an iPad Pro. At the moment I only need to debug web pages in safari, but it would be ideal to also be able to debug applications. An alternative and very useful solution is the safari on the iPad Pro to have an inspection tool like in Chrome or Safari for desktop...
Posted
by
Post not yet marked as solved
0 Replies
56 Views
I am using Safari Technology Preview(16 version). With this version we can use Shared Worker, but how to debug it? For example, for Service Workers I see a separate menu item, but for Shared Workers I didn't find anything. Is there anyone who knows how to debug Shared Worker and see its logs?
Posted
by
Post not yet marked as solved
1 Replies
76 Views
Project goal:  Publish on iPad html/css static multi page site, external style sheet, images, and maybe animated GIF clips or very short videos. This would get pushed to about 14,000 users for viewing and not require them any technical hoops to utilize. This must run offline from iPad Files storage no calls to server. Problem: Apple at some point disabled the ability to open local files in Safari. This means you cannot open an HTML file with relative src references such as <img src="test-image.png" alt="grrrrrr" /> You can only "open" or view the file via the Files app on iPad. I have tried changing advanced settings , disable local file restrictions etc for at least previewing my own work via developer mode, cabled iPad as an exercise in futility. Current Project state and or Limitation: "Publish" or saved single file HTML document to the iPad. View file in Safari - Unable not allowed File-name.html view via iOS Files app  Files app renders the html file with only the internal text and internal header contained CSS styling. Files app fails to load all relative source references such as  <img src="test-image.png" alt="grrrrrr" /> This is a huge roadblock to an otherwise simple project. Has someone built an iPadOS WebKit or Gecko app that will load and run a static site essentially just like any browser normally would on MacOS desktop environment ? Launch app | import site project folder/sub-folders | loads index.htm | renders and runs site A MacOS application that would essentially export a whole multi page mini site as a webarchive if you will that Safari on iPad would render correctly ? Maybe some Adobe Acrobat Pro functionality and or InDesign etc that would export some type of PDF chunk that would render as planned either in Safari or Acrobat Reader just like it should in the first place.....
Posted
by
Post not yet marked as solved
1 Replies
130 Views
I am building a safari extension app. the code(html, css, javascript) for the safari extension that is in the AppExtension directory works good, but when I added button to Main.html to make an Action, to make the app dynamically change (the application itself not the extension), and I want to send data from the app to the extension on Safari. Could anyone help me to fix this issue. This my html code: <!--Main.html --> <!DOCTYPE html> <html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">     <meta http-equiv="Content-Security-Policy" content="default-src 'self'">     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">     <link rel="stylesheet" href="../Style.css">     <script src="../Script.js" defer></script> </head> <body> <!--The makeAction() function is defined in the `Script.js` file -->         <button onclick="makeAction()">Dropdown</button> </body> </html> And this is the files structure
Posted
by
Post not yet marked as solved
1 Replies
302 Views
Summary Safari "WebKit Build Archives" (AKA Safari nighties) crashes when opening Preferences. The Preference window doesn't even pop up before crashing. Steps to reproduce Download a nightly build of Safari https://webkit.org/build-archives/#mac-monterey-x86_64 Open run-webkit-archive Go got Safari > Preferences Observer crash Environment Does crash on: MacBook Pro (15-inch, 2017) macOS 12.2.1 and 12.3.1 WebKit Build Archives (249860@main, 249854@main, 249817@main, 292562) Spot checked a few others from Feb to April as well Do NOT crash on: Safari included with macOS 12.3.1 (Version 15.4 (17613.1.17.1.13)) Safari Technology Preview 143 (Safari 15.4, WebKit 17614.1.7.7) 142 141 Crash stack trace 2022-04-21 13:44:00.485 SafariForWebKitDevelopment[13786:133729] *** Assertion failure in -[NSMenuItem initWithTitle:action:keyEquivalent:], NSMenuItem.m:477 2022-04-21 13:44:00.487 SafariForWebKitDevelopment[13786:133729] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Invalid parameter not satisfying: aString != nil' *** First throw call stack: ( 0 CoreFoundation 0x00007ff8112d81e3 __exceptionPreprocess + 242 1 libobjc.A.dylib 0x00007ff811038c13 objc_exception_throw + 48 2 Foundation 0x00007ff81217ac23 -[NSAssertionHandler handleFailureInMethod:object:file:lineNumber:description:] + 267 3 AppKit 0x00007ff813c74759 -[NSMenuItem initWithTitle:action:keyEquivalent:] + 363 4 Safari 0x00007ff91e63417a +[NSMenuItem(BrowserExtras) safari_menuItemForFileAtPath:] + 140 5 Safari 0x00007ff91e505a0b -[GeneralPreferences _updateDownloadLocationMenu] + 158 6 libdispatch.dylib 0x00007ff810fda0cc _dispatch_call_block_and_release + 12 7 libdispatch.dylib 0x00007ff810fdb317 _dispatch_client_callout + 8 8 libdispatch.dylib 0x00007ff810fe7c78 _dispatch_main_queue_drain + 943 9 libdispatch.dylib 0x00007ff810fe78bb _dispatch_main_queue_callback_4CF + 31 10 CoreFoundation 0x00007ff81129a9c7 __CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__ + 9 11 CoreFoundation 0x00007ff81125b93f __CFRunLoopRun + 2771 12 CoreFoundation 0x00007ff81125a7ac CFRunLoopRunSpecific + 562 13 HIToolbox 0x00007ff819ee1ce6 RunCurrentEventLoopInMode + 292 14 HIToolbox 0x00007ff819ee1a4a ReceiveNextEventCommon + 594 15 HIToolbox 0x00007ff819ee17e5 _BlockUntilNextEventMatchingListInModeWithFilter + 70 16 AppKit 0x00007ff813c8153d _DPSNextEvent + 927 17 AppKit 0x00007ff813c7fbfa -[NSApplication(NSEvent) _nextEventMatchingEventMask:untilDate:inMode:dequeue:] + 1394 18 Safari 0x00007ff91e16d8b5 -[BrowserApplication nextEventMatchingMask:untilDate:inMode:dequeue:] + 224 19 AppKit 0x00007ff813c722a9 -[NSApplication run] + 586 20 AppKit 0x00007ff813c46227 NSApplicationMain + 817 21 Safari 0x00007ff91e1581c0 SafariMain + 464 22 dyld 0x000000011583e51e start + 462 ) libc++abi: terminating with uncaught exception of type NSException MessageReceiveQueueMap::addImpl - adding duplicate any id receiver 35
Posted
by
Post not yet marked as solved
0 Replies
159 Views
looking for help to remove debug of the safari menu bar, i added it over a year ago and wanted to remove it. i will be migrating from back my 2012 MacBook Pro to my new 2021 MacBook Pro M1 Max. I did not want the debug on safari migrated over. i have a MID 2012 MacBook Pro that is up to date, mac OS Catalina 10.15.7, Safari is 15.4, Terminal is 2.10 (433) i have run this command in terminal, defaults write com.apple.Safari IncludeInternalDebugMenu 0 all that shows after the command is my name with the % Im using the correct default shell in terminal bin/zsh I tried to remove debug in both bash and zsh i am not getting any error, i ran the terminal command without safari running and i have restarted my MacBook Pro after running the command. when i open safari Debug is still in the menu bar. i ran this command defaults read com.apple.Safari this is what shows, { IncludeInternalDebugMenu = 0; }
Posted
by
Post not yet marked as solved
0 Replies
236 Views
Hey everyone. I need help with changing Safari's user agent permanently by editing the plist file Usually one would go to "Preferences > Advanced > Show Developer mode in menu bar." Then "Develop > User Agent > Chrome - windows" for example. However, when you open a new tab or window, this goes back to Default (Safari). This is expected behaviour. In the past, it was possible to edit a line that determined the user agent in "/Users/(user)/Library/Preferences/com.apple.Safari.plist" There was a line called: 'CustomUserAgent'. It's not there anymore. How can I create it (with defaults probably) with the user agent of Chrome (Mac)? Alternatively, is there another way to change it, or has the procedure changed? I called Apple Support to no avail. Thank you. Edit: Forum article for reference. This is an old trick as the CustomUserAgent string is not there anymore http://hints.macworld.com/article.php?story=20090630112653430
Posted
by
Post not yet marked as solved
0 Replies
299 Views
Requirement : Safaridriver provide option to disable Use Mock Capture Devices when use webdriver. Problem : In Mac OS, when use Safaridriver open a Safari browser for WebRTC samples, the audio input source only display Mock device (audio: Mock audio device 1/ Mock audio device 2 , video: Mock video device 1/ Mock video device 2) but not display Mac OS physical audio/video device . From safaridriver readMe, seems no configure can set Use Mock Capture Devices , because WebDrier test not support live media capture "For security reasons, Safari does not permit live media capture during a WebDriver test session. Instead, mock capture devices and streams with well-known contents are provided for testing purposes. " (In Mac OS, cd/Library/Apple/System/Library/CoreServices/SafariSupport.bundle/Contents/MacOS , man safaridriver)  From safaridriver debug log, safaridriver not provide any configure for disable Mock device. Reference : WebRTC samples link: https://webrtc.github.io/samples/src/content/devices/input-output/ safaridriver debug logs: [safaridriver.82081.txt] (https://developer.apple.com/forums/content/attachment/3806528b-d972-4459-8647-d4e6a4aae20a) Reproduce demo: SafariDriverDebug.java pom.xml dependency:
Posted
by
Post not yet marked as solved
0 Replies
260 Views
I´ve been creating a automatic Instagram Login for the past few days now but now I have encountered my probably biggest problem. Whenever I try to click on the "Not now" Button automatically for Remembering my Password on Instagram, which it does , Safari Crashes completely, not only the automatically processed tabs even the ones no Program is using. This is the code I use to press the "Not now" Button: new WebDriverWait(driver, Duration.ofSeconds(10)); WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10)); WebElement Nichtjetzt = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//button[text()='Not Now']"))); WebElement Notnow = driver.findElement(By.xpath("//button[text()='Not Now']")); ((JavascriptExecutor)driver).executeScript("arguments[0].click();",Notnow); When I now try to execute the Method it will press only essential cookies fill out my username and password and press the login button , but then when it gets to the Press Not now button it will press it and immediately crash. This will then be the Error Code: Safari Error Code Question Ending
Posted
by
Post not yet marked as solved
0 Replies
248 Views
In Monterey 12.3, I am no longer able to export a HAR file consistently. If I open the developer tools, and capture traffic, clicking on the "Export" button, or context-clicking and choosing "Export HAR" does nothing. I'm never prompted to save the file. At times, it does allow me to export a HAR file, but only about 1 in 10-20 page loads. It doesn't seem to be specific to a site, or specific to anything environmental...it just seems to not prompt. One other thing I've noted, when attempting to export the HAR file, Safari itself seems to freeze briefly (the spinning "beachball") - but after it starts responding again, there still is no prompt for saving the HAR file.
Posted
by
Post not yet marked as solved
0 Replies
170 Views
Hi, I'm working on screen recording in Safari. After permission prompted and recording started I see red icon with "screens" next to search bar and the same icon but with white color in tray. After clicking on such icon I can see "pause" option. Is it possible to catch event from that action or disable such option at all? Screenshot:
Posted
by
Post not yet marked as solved
0 Replies
191 Views
I have read in lots of places on google related to this topic and everywhere its mentioned that webp is supportive after safari 14, but in my case its still not working. Also wants to know which image format should we use for good optimised website. Thank You.
Posted
by