HTML Inspector

Posted on  by 



According to Google this can be accomplished by visiting 'chrome-devtools://devtools/devtools.html' in Chrome but now visiting that page in the stable version of Chrome (or Canary), just shows a 99% stripped version of the inspector. To reiterate my 'title' this is in reference to 'inspecting' the inspector. Not just inspecting a normal webpage. Preview Inspector The Preview Inspector (Response only) allows you to view the response bodies as an image or an HTML page, depending on the response content. The Inspector can display most common web image formats, including JPEG, PNG, GIF, and less.

  1. In Page Inspector, the HTML tab shows the HTML that was generated from the Razor syntax. As you move the mouse pointer, the HTML elements are highlighted. The Styles tab shows the CSS rules for the element. Use Page Inspector to Make Changes to Markup. Page Inspector lets you find markup whose location might not be obvious.
  2. With Amazon Inspector, you can automate security vulnerability assessments throughout your development and deployment pipelines or for static production systems. This allows you to make security testing a regular part of development and IT operations.

MIHTool helps Front-End Engineers to debug and optimize their webpages on iPad and iPhone

Html inspector apk

1.Action Extension for Safari, brings remote Web Inspector to debug your webpages in Safari. A Inline Web Inspector that is a real Chrome like DevTool for iOS Safari.

MIHToo Action Extension for Safari is the first App that brings a real Chrome like Inline DevTool for iOS Safari. Now, you can inspector your web pages in iOS Safari and Safari View Controller right on your iPad and iPhone without a desktop computer. You can also remote Web Inspector to debug your webpages in Safari and Safari View Controller.
To open MIHToo Action Extension, just click the Share Button of Safari and select MIHTool, for the first time, you might have to enable it in the more list.
Just like Chrome DevTools, it has Elements,Resources,Network,Timeline and Console panel. And it totaly optimized for touch screen. You can maximize and minimize.
Note: If you can't see any logs in Network or Timeline panel, be sure the record circle switcher is RED.
Web inspector is based on weinre,bug reports please check weinre google group.
MIHTool's weinre server is might not cover your location, which is mean you might have network issue with Web Inspector in Action Extension. But if you open your web page in MIHTool, and switch to another weinre server for the one in App, you can do this with MIHTool Remote control(With HTTP Server).
Web pages that enable Content Security Policy will break Web Inspector.

2.Inline Web inspector(like Chrome DevTool or FireBug):With Elements,Resources,Network,Timeline,Console panel.

Inline Web inspector is an iPad only feature.Which makes you possible to inspector your webpages right on your iPad without a desktop computer.
Just like Chrome DevTools,it has Elements,Resources,Network,Timeline and Console panel.And it totaly optimized for touch screen. You can maximize,minimize,zoom-in and zoom-out.
Note: If you can't see any logs in Network or Timeline panel,be sure the record circle switcher is RED.
Please check this video to see how it works.
Web inspector is based on weinre,bug reports please check weinre google group.
MIHTool's weinre server is might not cover your location, which is mean you might have network issue with Web Inspector. But this can be solve by switch to another weinre server, you can do this with MIHTool Remote control(With HTTP Server).
Web pages that enable Content Security Policy will break Web Inspector.

3.Web inspector remote(weinre):remote to debug and optimize your mobile webpages on your computer(window,mac,linux with chrome).

Web inspector remote makes you possible to inspector your webpages with any remote computer(window,mac,linux,or another iPad) in the same local network.
Just like Chrome DevTools,it has Elements,Resources,Network,Timeline and Console panel.
Note: If you can't see any logs in Network or Timeline panel,be sure the record circle switcher is RED.
Web inspector is based on weinre,bug reports please check weinre google group.
MIHTool's weinre server is might not cover your location, which is mean you might have network issue with Web Inspector. But this can be solve by switch to another weinre server, you can do this with MIHTool Remote control(With HTTP Server).
Web pages that enable Content Security Policy will break Web Inspector.

4.Online Web Inspector.

Online web inspector just works as web inspector remote.But is allows you to inspector your webpages with any online remote computer even they are not in the same local network.
Some time your devices are in the local network but may not be accessed by each other,so web inspector remote won't work for you,but if your devices can access external network,online web inspector will work just fine.

5.HTML editor:view webpage source code with syntax highlighting and formatting;editing source code or creare a new webpage and preview the result.

Html Inspector Website

HTML editor is an iPad only feature.Which makes you possible to view and edit any webpages source code with syntax highlighting right on your iPad.
Sure you can create a new webpage with HTML editor and view the result,you also can format source codes or just share them with your friends.
It totaly optimized for touch screen.And you can remote control to export current webpage's source code.

6.Remote control(With HTTP Server):Remote to,Load URL in MIHTool|Safari;Inject Javascript in current webpage;Clear website data;Get HAR data;Get source code;Get screenshots…

Turn ON MIHTool's HTTP Server you will get a HTTP link like http://192.168.1.101:1630,this link allows you to be able to remote control MIHTool from any remote computer(window,mac,linux,or another iPad) in the same local network.
Open the HTTP link from a remote computer,you will see many commands are available for you.
Almost each feature of MIHTool can be remote control with it's command,such as Load URL in MIHTool|Safari;Web Inspector;Inject Javascript in current webpage;View history;Clear website data;Get HAR data;Get source code;Get screenshots,and so on.
All remote commands are REST like so you can write some auto-run scripts to automatically test your wepages.This is very conveniently for you to control multi devices form a single computer at the same time.

7. Drivers oem 1394. Show WebKit Debug Borders(Compositing Render Layers).

Show WebKit Debug Borders(Compositing Render Layers) and Show Webkit Repaint Counter(Paint Rects) is a way for you to optimize your web apps and make them 60FPS performance.
To learn how to optimize web apps please check

8.Show Webkit Repaint Counter(Paint Rects).

9.Emulate iPhone.

Emulate iPhone is an iPad only feature.Which makes you possible to see how your webpages look like on iPhone without an iPhone.

10.User agent switcher.

User agent switcher is an iPad only feature.Which makes you possible to switch other platform's broswer user agent,such as android,pc,and mac.
Html inspector website

11.More developer bookmarklets:Firebug,YSlow,PageSpeed,GTmetrix…

12.Evaluating JavaScript in the address bar.

Html Css Website Inspector Download

13.Full screen mode(Shake Device To Toggle Full Screen Mode).

14.Disable cache.

15.Clear history,clear cache,clear cookies, clear local storage.

16.Keep awake(Default is ON).

17.HAR Viewer (network traffic).

With HAR Viewer you can see your all of webpages network traffic waterfall, you'll never miss any request's log, it's better then the network panel within the Web Inspector.
You can use HAR Viewer in the iPad version, the remote HAR Viewer is available for both iPad and iPhone.
You can also use remote control to export HAR data and view in Online HAR Viewer(Be sure the 'Validate data before processing?' box is un-checked .)

18.Performance API.

An implements of Performance API
The Performance interface represents timing related performance information for the given page.
HTML Inspector

19.Polyfill Manager(simulate APIs for javaScript to Objective-C communication,demo)

You might build webpages for hybird apps,and your webpages need to communicate to the native app.You can use Polyfill Manager to simulate native app's APIs,so you can debug you webpages before the native app finished,even the native app has not been installed on your device.
Please check this video to see how it works.

20.NPM Modules (To require() any module on npm in web inspector console with browserify)

To require() any module on npm in web inspector console with browserify
Browsers don't have the require method defined, but Node.js does. With Browserify you can write code that uses require in the same way that you would use it in Node.
This feature makes MIHTool more powerful and easier for you to debug and optimize your webpages.




Coments are closed
WiFi Radar Pro Phpstorm Latest