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

16 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 Marks___.
Last updated
.
Post not yet marked as solved
2 Replies
159 Views
Hello Guys, Our application has default web browser entitlement: com.apple.developer.web-browser. However, I am not seeing it in Desktop Safari's Developer menu, I am using iPadOS 16 beta 2(20A5303i), Web Inspector is enabled in Safari's Advanced menu. Do we need to do some additional updates like rebuilding app with Xcode 14 or build that we currently have in AppStore should work without any modifications?
Posted Last updated
.
Post not yet marked as solved
1 Replies
394 Views
I have had this issue since the first Big Sur beta and with every update since. I used Apple's Feedback Assistant since I had this issue. Try it yourself - type in any browser on your computer any website that uses .app as its top-level domain (TLD) - get dot app or mmhmm dot app. Here is my Feedback Assistant issue number - FB8304994 and here is the text of it - Any and all .app top-level domains (TLDs) do not open in any browser windows. Try to open 3rd party website mmhmm.app or Google’s get.app (Google registry) and they will not open. When pinging them I get returned to 127.0.0.1 (localhost). Edited /etc/hosts file to add domain addresses and then the sites open. But this appears to be an issue of the OS and was not happening prior to the install of Big Sur OS. These domains are used for developers websites. I would really like to know if this will be fixed in the final release or sooner.
Posted
by rushter.
Last updated
.
Post not yet marked as solved
4 Replies
1.2k Views
We have a custom application embedded in an iframe and the content inside the iframe is not loading only in Iphone after the ios is upgraded to ios15. The same application is working fine in IOS14. This issue is seen both safari and chrome browsers after IOS15 upgrade. The same application works fine in Android Mobiles and Desktop viewer. Are there any known issues with IOS15 with respect to Iframe? Any pointers to solve this issue will be greatly appreciated
Posted
by skanchar.
Last updated
.
Post not yet marked as solved
0 Replies
217 Views
I am trying to develop a Safari Extension that can save a file from a webpage into persistent storage with minimal user input. Problem I don't know how to code it so that it results like manually saving a file from the "Sources" tab in Safari Web Inspector. Equivalent manual steps show source or resources of page by keying ⌥⌘U or ⌥⌘A or by navigating to Web Inspector then "Sources" save the file by selecting the file then by keying ⌘S or by secondary clicking the file then clicking "Save File" Alternative solution Javascript get the URL of files from the HTML elements and then pass the URL to a downloader, but I don't want to download it after the browser already did. I want to save the already downloaded temporary files to reduce network trafficking. Theory From my current understanding, when a webpage is viewed, Safari downloads the files and loads them in memory. Other I tried multiple ways to Google it but I keep getting only unrelated results. Thank you for your time to read this and in advance.
Posted
by artelis.
Last updated
.
Post not yet marked as solved
0 Replies
264 Views
Hi Developers, I created a custom oracle application which is working fine in Windows browser and android browsers, but not working within iframe in IOS15. Previously, it was working fine but after upgradation in IOS15 My application is not working any more within Iframe although it is working without iframe in same IOS testing Device which is useless for me. i am trying to fix this issue from last 6 months but unable to resolve. Any pointers to solve this issue will be greatly appreciated. Thanks in Advance
Posted
by MirzaUmar.
Last updated
.
Post not yet marked as solved
2 Replies
435 Views
Hello, I have an iOS app, and now I am trying to make it fit in M1 Mac. The app works fine except the behavior for my javascript in WKWebview. I am able to access any iOS simulator or connected device through the Safari Develop menu. But for iOS app on Mac (The entry for the Mac lists "No Inspectable Applications"). Is there something I am missing or M1 Mac not supported for debugging WKWebview? I tried to search the documentation but found nothing. Thanks.
Posted Last updated
.
Post not yet marked as solved
2 Replies
357 Views
Hi, I started with the web inspector and can do changes in the code. However, i just can not figure out what to do to save the changes. Whenever I reload the site the changes are not implemented For instance I have changed a label from "Search" to the German "Search" screenshot attached, but do not find the option to save. Probably very simple... Please let me know what to save any changes. Thanks a lot, Christian
Posted
by Cadizan.
Last updated
.
Post not yet marked as solved
0 Replies
465 Views
hello, so i have sample code for windows for c#: using CefSharp; using CefSharp.Handler; using CefSharp.WinForms; using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.IO; using System.Windows.Forms; namespace FlymerLite { public class frmFlymerLite : Form { private IContainer components = null; private ChromiumWebBrowser browser; public frmFlymerLite() { CefSharpSettings.set_WcfEnabled(true); CefSettings cefSetting = new CefSettings(); cefSetting.set_CachePath(Path.GetFullPath("cache")); Cef.Initialize(cefSetting); this.InitializeComponent(); } private void browser_LoadingStateChanged(object sender, LoadingStateChangedEventArgs e) { } protected override void Dispose(bool disposing) { if ((!disposing ? false : this.components != null)) { this.components.Dispose(); } base.Dispose(disposing); } private void frmFlymerLite_Load(object sender, EventArgs e) { frmFlymerLite.RedirectionRequestHandler handler = new frmFlymerLite.RedirectionRequestHandler(); handler.AddRedirection("http://www.flyordie.com/games/online/c/game5.html?664", "js\\online\\c\\game5[664].html"); handler.AddRedirection("http://www.flyordie.com/games/deploy/pool/180910/code.jz", "js\\deploy\\pool\\180910\\code.jz"); handler.AddRedirection("http://www.flyordie.com/games/deploy/snooker/180910/code.jz", "js\\deploy\\snooker\\180910\\code.jz"); this.browser.set_RequestHandler(handler); this.browser.Load("http://www.flyordie.com/games/online/games.html?game=8Ball"); } private void InitializeComponent() { this.browser = new ChromiumWebBrowser(); base.SuspendLayout(); this.browser.set_ActivateBrowserOnCreation(false); this.browser.Dock = DockStyle.Fill; this.browser.Location = new Point(0, 0); this.browser.Name = "browser"; this.browser.Size = new System.Drawing.Size(1140, 600); this.browser.TabIndex = 0; this.browser.add_LoadingStateChanged(new EventHandler<LoadingStateChangedEventArgs>(this.browser_LoadingStateChanged)); base.AutoScaleDimensions = new SizeF(6f, 13f); base.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; base.ClientSize = new System.Drawing.Size(1140, 600); base.Controls.Add(this.browser); base.Name = "frmFlymerLite"; this.Text = "Flymer Lite"; base.Load += new EventHandler(this.frmFlymerLite_Load); base.ResumeLayout(false); } private class FilePathResourceRequestHandler : ResourceRequestHandler { private string filePath; public FilePathResourceRequestHandler(string filePath) { this.filePath = filePath; } protected override IResourceHandler GetResourceHandler(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IRequest request) { return ResourceHandler.FromFilePath(this.filePath, null, false); } } public class MyCustomLifeSpanHandler : ILifeSpanHandler { public MyCustomLifeSpanHandler() { } public bool DoClose(IWebBrowser chromiumWebBrowser, IBrowser browser) { return true; } public void OnAfterCreated(IWebBrowser chromiumWebBrowser, IBrowser browser) { } public void OnBeforeClose(IWebBrowser chromiumWebBrowser, IBrowser browser) { } public bool OnBeforePopup(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, string targetUrl, string targetFrameName, WindowOpenDisposition targetDisposition, bool userGesture, IPopupFeatures popupFeatures, IWindowInfo windowInfo, IBrowserSettings browserSettings, ref bool noJavascriptAccess, out IWebBrowser newBrowser) { browser.get_MainFrame().LoadUrl(targetUrl); newBrowser = null; return true; } } public class RedirectionRequestHandler : RequestHandler { private Dictionary<string, string> redirections; public RedirectionRequestHandler() { this.redirections = new Dictionary<string, string>(); } public void AddRedirection(string url, string filePath) { this.redirections.Add(url, filePath); } public void ClearRedirections() { this.redirections.Clear(); } public bool ContainsUrl(string url) { return this.redirections.ContainsKey(url); } public string GetFilePath(string url) { return this.redirections[url]; } protected override IResourceRequestHandler GetResourceRequestHandler(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IRequest request, bool isNavigation, bool isDownload, string requestInitiator, ref bool disableDefaultHandling) { IResourceRequestHandler filePathResourceRequestHandler; if (!this.redirections.ContainsKey(request.get_Url())) { filePathResourceRequestHandler = null; } else { filePathResourceRequestHandler = new frmFlymerLite.FilePathResourceRequestHandler(this.redirections[request.get_Url()]); } return filePathResourceRequestHandler; } public bool RemoveUrl(string url) { return this.redirections.Remove(url); } } } } my question is how would i make this for mac os via xcode or visual studio? keep getting errors im trying to simply make a web site load my editied modified file instead of there own file on the server?
Posted
by keogal.
Last updated
.
Post not yet marked as solved
1 Replies
524 Views
We are really struggling in allowing our browser that we have created to be able to be selected as a default browser. We submitted the initial application to Apple 8 weeks ago and at this time we carried our everything as instructed on the page; https://developer.apple.com/documentation/xcode/preparing-your-app-to-be-the-default-browser-or-email-client We have sent multiple emails to apple using the recomended email address on the above url, however we have had nothing back from apple what-so-ever. Would be really grateful if someone could assist us as we have put so much time, effort and money into building our app and we seem to have hit a brick wall. Many thanks in advance. Adam
Posted
by adam3man.
Last updated
.
Post not yet marked as solved
0 Replies
630 Views
I wish to inspect elements in an app I am developing. I am using: MacOS Big Sur: 11.5.2. Xcode Simulator: 12.5.1. Simulator: iPhone 11 + iOS14.5. Safari Technology Preview: 130. At present I can only see Console, Sources and Timelines. Is there some way to view the developer tools Elements tab for an app?
Posted Last updated
.
Post not yet marked as solved
1 Replies
600 Views
I just received the Safari version 15.0 (16612.1.29.41.4, 16612), which has redesigned the web inspector. I have now lost the ability to collapse part of the Elements Details sidebar. Earlier versions allowed just the CSS styles to be visible and the ability to toggle on/off further details. This is a poor user experience as it now restricts my viewport size for not only seeing the HTML code but also wrapping the CSS rules so that they become illegible. How can I toggle off the other half of the details sidebar?
Posted Last updated
.
Post marked as solved
37 Replies
16k Views
Hi, I just found that many tabs in my Safari Web Inspector are no longer there. For example, previously, I have the following tabs in Web Inspector: Inspector: Elements; Network; Sources; Timelines; Storage; Graphics; Layers; Audit; Console; But now, I only have: Console; Sources; Audit; Does anyone know the root cause, and how I can restore the missing tabs? Thanks much. My OS: macOS Catalina, 10.15.7 Xcode: 12.4 Safari: 14.1.1
Posted
by louisyl.
Last updated
.
Post not yet marked as solved
40 Replies
6.0k Views
Yeah as the title says. I just updated to Big Sur 11.4 and I'm developing an Ionic-based app that used to be able to be debugged using Safari's Web Inspector. Now it doesn't work at all, I'm not even getting console messages, it's like a dummy window or something that's not attached to the iOS device (even though it's spawned from the Develop - Simulator - localhost entry. It only shows Console, Sources and Audit, which sucks. Any ideas? I have a deadline real soon and this crap not working isn't good for nothing. Thanks Apple.
Posted Last updated
.