Web Inspector

RSS for tag

Discuss Web Inspector, which gives you quick and easy access to the richest set of development tools ever included in a web browser.

Web Inspector Documentation

Posts under Web Inspector tag

14 Posts
Sort by:
Post not yet marked as solved
1 Replies
147 Views
Hi all, I deployed a static site and two of my imgs are not appearing on some iPhones. It's not showing up on my iPhone 15 Pro but it's appearing on an iPhoneSE and androids. When I long click them, they actually show up in preview and can even open the images in a different tab, so they're just transparent. Does anyone have any idea why this is happening?
Posted Last updated
.
Post not yet marked as solved
2 Replies
261 Views
I've been having a hard time getting WebXR testing working in VisionOS. I had Ventura and installed VisionOS 1.0 and video crashed launching to WebXR. To get 1.1 I did alot of jumps to get XCode 15.3 beta and VisionOS 1.1 requiring to also upgrade to macOS Sonoma. In Ventura I was able to web inspect Safari in VisionOS 1.0 but in Sonoma, and VisionOS 1.1 I get "No Inspectable Applications" I have tried Safari and Preview Safari.
Posted
by danrossi1.
Last updated
.
Post not yet marked as solved
0 Replies
73 Views
After insert this script I can't see the property window.app.isNative = true on Safari, What I'm missing here? Thanks in advance userContentController.addUserScript(WKUserScript(source: """function() { if (!window.app) { window.app = {}; } window.app.isAndroid = false; window.app.isIOS = true; window.app.isNative = true; originWhitelist={['*']} } """, injectionTime: .atDocumentStart, forMainFrameOnly: true))
Posted Last updated
.
Post not yet marked as solved
0 Replies
214 Views
I have a web application built in NextJS that I use cookies to handle persisting authentication details. I clear the cookies on logout and this works in other browsers. However, when I run this on Safari, it seems the browser is caching the cookie information. When I use the Safari debugger, I do not see the cookies in the Storage view, however, when I use document.cookies, I can retrieve them fine - which should not happen. This is not the case in Chrome. I can't find any information on this online, so any help or insights would be greatly appreciated.
Posted
by forkball.
Last updated
.
Post not yet marked as solved
0 Replies
332 Views
We have a challenge with Webview when load our application URL. Initial call we are passing all the information with token and its works fine, but we are getting 401- unauthorized for some of the subsequent redirect request while loading webview. looks like server is expecting auth tokens for all the redirect/subsequent request. we are not able to intercept the request to add the token for all the requests. is there any possible solution to fix this issue? Thanks
Posted
by sundar.
Last updated
.
Post not yet marked as solved
0 Replies
563 Views
Hi everyone, I hope this a right place to ask questions like this. I have an app which uses WEBGL scene implemented with three.js. At some point of loading, the app crashes (page reloads), which usually indicates that device ran out of memory reserved for this tab. This webgl scene however is fairly light compared to other scenes that load without any issues. How do I debug this? Is it possible to reallocate more memory before page is loaded, or is there a simple way to reduce memory consumption? I have very limited control over 3d scene, and it doesn't use heavy assets (mostly simple geometry with textures on them)
Posted
by Sergei27.
Last updated
.
Post not yet marked as solved
0 Replies
302 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 Last updated
.
Post not yet marked as solved
2 Replies
522 Views
With a physical iPhone attached to the dev tools on my laptop, the memory usage of this web page https://nypost.com/2023/10/11/australian-swimmers-almost-walk-into-shark-as-it-swims-close-to-shore/ consistently grows until it reaches the memory limit of the device (in my case, about 1.5GB) The safari dev tools has a memory profiler timeline which breaks down memory usage into categories including "Javascript", "Layers", and "Page"; is there a way to break these down further to individual scripts/resources? I have also tried looking at the Javascript allocations profiler, but the computed heap size reported in its snapshots never comes anywhere close to the 700+ MB of "JavaScript" memory usage reported by the Memory profiler.
Posted Last updated
.
Post not yet marked as solved
2 Replies
707 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 Last updated
.
Post not yet marked as solved
0 Replies
360 Views
Changing theme color inside app by dynamic css styles stylesheet changes is not working with iOS v16.4 and 16.5. This issue is dependent on specific OS and we are not able to inspect or debug the particular issue in safari after updating the iOS version to 16.4. The same is working on iOS v16.3 and below. Technology used to build app: Ionic with Angular
Posted Last updated
.
Post not yet marked as solved
0 Replies
928 Views
We’ve recently detected an issue in the interaction between our web application and SFSafariViewController that only seems to be occurring in the latest versions of iOS. We have a React application which is experiencing unknown errors (potentially processing XHR calls) frequently, but only when opened via a mobile application in an in-app browser. When opened in the standalone Safari or on the desktop, we are not able to reproduce the issue. We have been attempting to debug this with a desktop Safari web inspector connected to the SFSafariViewController. When the error occurs, the web inspector window disappears and the device disappears from the list of devices in Safari on the desktop. Our hypothesis is that this is related to changes in the latest version of iOS because we have only detected this error on devices running iOS 16.5 and 16.4.1 (potentially only 16.4.1a, but we can’t confirm it). Additionally, this error only began occurring from May 17th, which seems to be in line with the release of iOS 16.5. Unfortunately, we are not able to collect more information about the crash because: Xcode simulators are not yet available for the affected iOS versions. In Xcode (14.3.0), we cannot see the crash reports found on devices, namely WebKit crashes. It only shows reports from App Store Connect, thus we are not able to obtain the exact WebKit crash log. Are there any known issues with WebKit in iOS 16.5 or 16.4.1a? Is there any way that we could obtain the WebKit crash logs from a device or do you have other suggestions to better troubleshoot this issue?
Posted
by awe-mt.
Last updated
.
Post not yet marked as solved
0 Replies
535 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 Last updated
.
Post not yet marked as solved
0 Replies
684 Views
Is there any updated Safari Web Inspector Guide? I would like an up-to-date resource which details how to enable and use browser dev tools on an iOS device. Here is the outdated documentation: https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html#:~:text=To%20enable%20Web%20Inspector%20on%20iOS&text=Tap%20Safari.,Switch%20Web%20Inspector%20to%20ON. Thanks!
Posted Last updated
.
Post not yet marked as solved
0 Replies
1.1k Views
I installed my iOS app on m1 pro with a developer certificate, there is a webview in it, and I also turned on debug mode. On my iPhone, by connecting the data cable, I can use Safari for webview debugging. I want to save the connection of the data cable and run it directly on the chip macOS of the arm version. Is that possible?
Posted Last updated
.