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

68 Posts
Sort by:
Post not yet marked as solved
4 Replies
6k Views
My environment: * Safari Technology Preview Release 51 (Safari 11.2, WebKit 13606.1.6) * iPad with ios11.3 (15e5216a) * mac os 10.13.3I can debug service worker in mac desktop.I can debug service worker in Android mobile device.But I could not found out how to debug service worker in ios11.3 mobile device?I wonder if it should belong to "Safari Developer Tools " or "iOS Web Apps"
Posted
by
Post not yet marked as solved
10 Replies
5.7k Views
I am using Selenium 3.141 with SafariDriver included with Safari 13.0.1 (14608.2.11.1.11).I have problems with interacting with elements, in this case clinking on a button.1) Create a new SafariDriver 2) Navigate to a page with a button element3) Find the button element4) Click on the button elementRESULT: The click is not performed on the button element but any element below the button element.This is not working from the recent update to safari 13.0.1.
Posted
by
Post marked as solved
3 Replies
16k Views
Hey Developers! I love web design and am trying to test out some CSS, I am currently using a MacBook Pro 13" (2020 Version), I only use Safari and I want to know if I'm able to simulate other devices like a Windows 10 PC, an Android phone, an iPhone, or an iPad. I do own an iPhone and iPad but wanted to do it all on my Mac, I've tried searching for Safari extensions to do this but so far I haven't found one. If you could give me some suggestions or a link to what I should use it would be appreciated. Thanks, Mateo
Posted
by
Post not yet marked as solved
1 Replies
963 Views
Hi there! For Safari Push Notifications, I'd like to know how I can listen a "notification received" event on my web site. The purpose is to execute some actions (code) when a push notification sent from my web server is received on my web page, such as counting them for statistics. Thanks
Posted
by
Post not yet marked as solved
2 Replies
1.9k Views
I posted in the other but they removed it and told me to Post here but anyone know what might have changed or what new experimental feature was added to the list for safari the last two updates? I have been having massive slow or lagging and glitches with my games and safari after this last update. So trying to see which was was newly added.
Posted
by
Post not yet marked as solved
9 Replies
1.8k Views
Hello, since the update to macOS enter 13.3 (few days ago) I'm experiencing a new behavior in Safari developer tools. I guess it's an unexpected behavior and I can't find the way to stop it. When I open developer tools (default elements tab) and I start to inspect an element in the page, a new row appears automatically in the bottom part of elements tab; this row is related to the console (which is normally in the other tab). If I close that row by the proper button. Each time I inspect something else on the page, it appears again. How can I disable this feature? I find no setting for this in the developer tools settings. Keep in mind that this behavior started to appear just after the update to macOS 13.3. Before I has 13.2.1 and developer tools worked as expected. I had a talk to Apple Developer Support via phone, they suggested me to open this thread here. I attach a screenshot to show which button I'm clicking to close it. Any help is appreciated.
Posted
by
Post marked as solved
5 Replies
1.6k Views
I'm using Xcode 14.2 to build an app that runs on iOS 16.4. There is no webView.isInspectable property in this version. When my app presents a webview, it is inspectable in Safari -> develop, which is nice. However, when starting a ASWebAuthenticationSession, Safari -> develop shows "no inspectable applications". It was inspectable on iOS 16.1 but not iOS 16.4. How to solve this?
Posted
by
Post not yet marked as solved
0 Replies
417 Views
It looks like currently Safari doesn't work with or support initiatorDomains in the RuleCondition for a Declarative Network Request Rule. Is there a plan to support this functionality? https://developer.apple.com/documentation/safariservices/safari_web_extensions/blocking_content_with_your_safari_web_extension for reference.
Posted
by
Post not yet marked as solved
0 Replies
630 Views
Double form submission issue Everyone knows that if a user submits a form on a webpage that you should disable the user's ability to submit the form twice. Lesson learned time and time again. I'm not sure if this is a bug or a feature but I'd argue strongly it is the former. In Safari (iOS and macOS) when a user is leveraging the autofill feature for "One Time Codes" typically used for Multi-Factor Authentication, Safari auto-submits the form. This is great, best feature Apple has come out with. However, if the user takes another action on the page to trigger a second network request, then the browser ignores the first auto-submitted form request and keep the user on the page while silently handling the response from the first request. When I say "silently" I mean that the request is omitted from the network tab in the developer tools even though the browser actually handled (acted-on) the response (in this case it was a 302 redirect and the redirect actually happened!!). Conclusion This behavior is non-standard and leads to a huge loss in developer productivity. The browser should maintain the integrity of network requests being made (ie. show them all in the network history) and should send a cancellation network request and ignore the response if there is one when this happens. @Apple please fix this behavior.
Posted
by
Post not yet marked as solved
0 Replies
586 Views
Hello, I'm having issues with Safari's inspect element. Some of the elements on a webpage I'm working on aren't showing up, however they are present under the Sources tab. I'm not sure why that is. Any help would be greatly appreciated. Thank you Update: I made a coding error, it had nothing to do with web inspector.
Posted
by
Post not yet marked as solved
0 Replies
2.1k Views
I'm working on a regular website, in which I'm trying to debug using the (MacOS) Safari Development tools. Since updating my Simulator to iOS 16.4, console.log is no longer displayed in the Console. Even when executing it directly in the console (console.log('test');), it's not printed. Now, I've read that this is a feature for debugging in-app browser content (https://webkit.org/blog/13936/enabling-the-inspection-of-web-content-in-apps/) but can't find the regular web workaround here. TL;DR: No longer see console.log in iOS 16.4 Safari when debugging from my Mac. Thanks in advance for your suggestions!
Posted
by
Post not yet marked as solved
0 Replies
420 Views
Hi Team, We have Flight Check-in functionality on our app that helps the end users to perform Mobile Check-in and to select the seats on the flight. This Checkin page is a Refx page created by Amadeus and we are loading the weblink on the WKWebview to show to the users. In order to select the seat on the seatmap, the webview has to show the seatmap on the app. But, unfortunately the app's webview is failing to load the seatmap component that is created by Amadeus(third party) on the webview. But the seatmap is loading perfectly on iPhone's Safari browser, Macbook Safari browser and Android app as well. We tried to load the Check-in flow via SFSafariViewController and the seatmap renders correctly. We want to know why the page is not loading on the WKWebview. We need your technical help related to this issue. STEPS TO REPRODUCE This is an upcoming feature on the app and is not available on the LIVE app. We are facing this issue on the developer version. We would request your connect to debug/trace the issue
Posted
by
Post not yet marked as solved
0 Replies
679 Views
I have integrated apple pay in react js using recurly third party payment gateway. Apple pay working perfect on google chrome and mozilla, But not working on safari. The issue is single payment done on safari works perfect but again we tried to pay it shows error payment not completed, Also when tried after some time like an hour or more it works fine again and same thing happens again. Any one know this issue why its happening. Not working correctly on safari. On other browsers it works 100% fine we can pay 10 payments in a row. Thanks for help in advance
Posted
by
Post not yet marked as solved
0 Replies
598 Views
I have created a chat application in React js, the input field is at the bottom of the screen. screen size has been fixed and all the CSS properties applied to it but there is an issue. when the input field got focused and the keyboard opens, we can drag the input to the upward and a blank area comes at the bottom. This makes very bad behavior also I have tested this thing on many other sites the same thing occurs, on sites are ChatGPT, OLX, daraz.pk, and many others. It appeals to the Safari team please fix this issue all browsers do not have this issue only Safari has and it makes very bad behavior. when the keyboard opens please don't extends the bottom height Thank you in advance
Posted
by
Post not yet marked as solved
2 Replies
789 Views
Hello, I noticed there's a glitch with inspect element. Under elements, when I try to uncheck a style property, the whole element's CSS gets removed, sometime's the whole webpage's. I was wondering if there was anything I could do to fix this issue. Thanks
Posted
by