MIHTool 7.4
MIHTool helps Front-End Engineers to debug and optimize their webpages on iPad and iPhone
INSTALL
FEATURES
VIDEOS
DONATE
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 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.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.
11.More developer bookmarklets:Firebug,YSlow,PageSpeed,GTmetrix…
12.Evaluating JavaScript in the address bar.
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.
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.
Note: The feature functionality of iPhone version are the same as the iPad version, see also the iPad version for the details.
1.Action Extension for Safari, brings remote Web Inspector to debug your webpages in Safari.
2.Web inspector remote(weinre):remote to debug and optimize your mobile webpages on your computer(window,mac,linux with chrome).
3.Online Web Inspector.
4.Remote control(With HTTP Server):Remote to,Load URL in MIHTool|Safari; View HTTP traffic; Inject Javascript in current webpage;Clear website data;Get HAR data;Get source code;Get screenshots…
5.Show WebKit Debug Borders(Compositing Render Layers).
6.Show Webkit Repaint Counter(Paint Rects).
7.Evaluating JavaScript in the address bar.
8.Disable cache *when the switch button is ON*.
9.Full screen mode(Shake Device To Toggle Full Screen Mode).
10.Keep awake(Default is ON).
11.Performance API.
12.Polyfill Manager(Create a JavaScript to Native bridge, Simulate APIs for javaScript to native communication,demo)
13.NPM Modules (To require() any module on npm in web inspector console with browserify)
1.iOS Safari 扩展, 支持在线远程打开 Web Inspector 调试 Safari 里打开的页面，支持在Safari 里打开类似于 Chrome DevTool 的内嵌 Web inspector 直接调试 Safari 里打开的页面.
有了 MIHTool 的 iOS Safari 扩展, 你可以在线远程调试 Safari 和 Safari View Controller（App 里调 Safari 组件）打开的页面了.
并且 MIHTool 的 iOS Safari 扩展是首个将类 Chrome 的 DevTool 带到 Safari 里的 App, 你可以随时随地用扩展的内嵌 Web inspector 仅用 iPad 或 iPhone 就能直接调试 Safari 里打开的页面了.
要打开 MIHTool 的 iOS Safari 扩展, 只需要点击 Safari 的分享按钮里选 MIHTool 就可以了, 第一次使用需要在更多列表里先启用它。
当你激活它，弹窗的 URL 可以远程调试，如果同时按 "OK" 则可用内嵌的 Web Inspector 直接调试。
与 Chrome DevTools 类似,有 Elements, Resources, Network, Timeline, Console 面板.并且针对触屏进行了优化，可以进行最大化，最小化。
注意: 如果你的Network 或者 Timeline 面板无数据，需要将圆形的录制开关打开成 红色.
Web inspector 是基于 weinre 的,bug 可以报到 weinre google group 上。
MIHTool 的 weinre 服务可能在你所在的地方有延迟，你用扩展的 Web Inspector 体验可能很差，如果你用 MIHTool 里的 Web Inspector 你可以用 MIHTool 的远程控制的 HTTP 服务器切花自己的 weinre 服务，能得到更好的体验。
配置了 Content Security Policy 将无法使用 Web Inspector.
2.内嵌 Web inspector(类似于 Chrome DevTool 或 FireBug):有 Elements,Resources,Network,Timeline,Console 面板.
内嵌 Web inspector 是 iPad 独占的。你可以直接在自己的iPad上调试自己的页面。
与 Chrome DevTools 类似,有 Elements, Resources, Network, Timeline, Console 面板. 并且针对触屏进行了优化，可以进行最大化，最小化，放大缩小。
注意: 如果你的Network 或者 Timeline 面板无数据，需要将圆形的录制开关打开成 红色.
参看演示视频。
Web inspector 是基于 weinre 的,bug 可以报到 weinre google group 上。
MIHTool 的 weinre 服务可能在你所在的地方有延迟，你用 Web Inspector 体验可能很差，你可以用 MIHTool 的远程控制的HTTP服务器切花自己的 weinre 服务。
配置了 Content Security Policy 将无法使用 Web Inspector.
3.远程打开 Web inspector 调试:在电脑(window,mac,linux,仅需装有chrome)上远程调试手机里的页面.
在网域内通过远程控制的方式打开Web inspector调试你的页面。
与 Chrome DevTools类似,有 Elements,Resources,Network,Timeline,Console 面板.
注意: 如果你的Network 或者 Timeline 面板无数据，需要将圆形的录制开关打开成 红色.
Web inspector 是基于 weinre 的,bug 可以报到 weinre google group 上。
MIHTool 的 weinre 服务可能在你所在的地方有延迟，你用 Web Inspector 体验可能很差，你可以用 MIHTool 的远程控制的HTTP服务器切花自己的 weinre 服务。
配置了 Content Security Policy 将无法使用 Web Inspector.
4.在线远程打开Web Inspector调试.
在线远程打开Web Inspector调试与远程打开Web inspector调试功能一样。但是只要你的设备连网，在外网也能通过 Web Inspector调试。
有时候你内网之间的设备可能无法互相访问，那远程打开Web inspector调试就无效了，这时如果设备连上外网了，就可以通过在线远程打开Web Inspector调试了。
5.HTML 编辑器:查看网页源码;格式化及高亮源码;编辑源码或者新建一个页面并预览结果.
HTML editor 编辑器是iPad独占的功能。查看网页源码;格式化及高亮源码;编辑源码或者新建一个页面并预览结果。
当然你也可以通过远程控制将当前页面的源码导出。
6.远程控制的HTTP服务器:远程打开链接;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程导出HAR数据;远程导出网页源码,远程截图…
开启 MIHTool 的 HTTP Server 你会得到一个类似 http://192.168.1.101:1630 的连接,可以通过局域网内的window,mac,linux,甚至另一台 iPad,访问此连接来远程控制 MIHTool。
打开远程控制的连接你会看到很多可用的命令，基本上MIHTool的所有功能都能远程控制操作，如:远程打开链接;远程查看历史;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程导出HAR数据;远程导出网页源码,远程截图，等等。
远程控制的命令是 REST 风格的，你可以写一些自动化脚本来自动化测试你的页面。实现从一台远程电脑控制多台设备同时调试。
7.显示页面合成渲染层(Compositing Render Layers).
显示页面合成渲染层(Compositing Render Layers) 和 显示元素的重绘渲染数(Paint Rects) 是帮助你优化页面得到 60FPS 的得力助手。
如何优化页面性能请参看
8.显示元素的重绘渲染数(Paint Rects).
9.模拟 iPhone.
你无需再购买一台iPhone就能在iPad上模拟iPhone的尺寸直接调试你的页面。
10.User agent 切换.
你可以直接在 MIHTool 里切换其他浏览器的 UA，包含有 android,mac,window 相关30多个设备的 UA。
11.实用开发者调试书签类工具(Firebug,YSlow,PageSpeed,GTmetrix…).
12.在地址栏执行JS脚本.
13.全屏模式(摇一摇设备切换全屏).
14.禁止缓存.
15.清除历史,清除缓存,清除cookie, 清除localstorage.
16.保持唤醒状态(默认开启).
17.查看当前页面的 HTTP 日志.
通过 HAR Viewer 查看页面HTTP请求的日志。弥补了 Web Inspector 的不足.
iPad 版自带了 HAR Viewer，而 iPhone 和 iPad 都支持远程版本的 HAR Viewer.
你也可以通过远程控制导出 HAR 数据然后放到Online HAR Viewer 查看(需要去掉 "Validate data before processing?" 复选框的勾选.)
18.Performance API.
实现了部分 Performance API
19.Polyfill Manager(模拟javascript与Native App互相调用,demo)
当你在做Hybrid App开发时,你无需等待Native App完成开发,也不必非得使用认证的测试机安装上对应的Native App就能完整(无耦合)的模拟Native接口及回调。
参看此演示 视频。
20.NPM Modules (在 web inspector console 里通过 require() 加载 npm 模块)
基于 browserify 在 web inspector console 里通过 require() 加载 npm 模块。
丰富的npm模块将让你在 MIHTool 里调试和优化页面变得更加有趣！简直会有无限的可能。
注: iPhone 版有的功能 iPad 版都有，请参看 iPad 版的详细描述.
1.iOS Safari 扩展, 支持在线远程打开 Web Inspector 调试 Safari 里打开或其他 App 里打开的页面.
2.远程打开Web inspector调试:在电脑(window,mac,linux,仅需有chrome)上远程调试手机里的页面.
3.在线远程打开Web Inspector调试.
4.远程控制的HTTP服务器:远程打开链接;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程导出HAR数据;远程导出网页源码,远程截图…
5.显示页面合成渲染层(Compositing Render Layers).
6.显示元素的重绘渲染数(Paint Rects).
7.在地址栏执行JS脚本.
8.禁止缓存(*开关打开时*).
9.全屏模式(摇一摇设备切换全屏).
10.保持唤醒状态(默认开启).
11.Performance API.
12.Polyfill管理器(模拟javascript与Native App互相调用,demo)
13.NPM Modules (在 web inspector console 里通过 require() 加载 npm 模块)
