Codelf - Best GitHub stars tagger and organizer

MIHTool 6.1

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



INSTALL
FEATURES
VIDEOS
Getting started
 
MIHTool is free!If you love MIHTool and like to help me to make MIHTool better,I'll appreciate you could install the Pro one!

MIHTool Basic

View in App Store

MIHTool Pro

View in App Store

Feedback

Google group

Learn More

What devs say

Featutes
 

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

1.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.

2.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.

3.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.

4.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.

5.Remote control(With HTTP Server):Remote to,Load URL in MIHTool|Safari|Chrome;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|Chrome;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.

6.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

7.Show Webkit Repaint Counter(Paint Rects).

8.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.

9.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.

10.More developer bookmarklets:Firebug,YSlow,JS Console,PageSpeed,GTmetrix…

11.Evaluating JavaScript in the address bar.

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

13.Disable cache.

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

15.Keep awake(Default is ON).

16.HAR Viewer.(Also see logproxy)

With HAR Viewer you can see your webpages network traffic waterfall and export the HAR data for more advanced research.
HAR Viewer is iPad only,for iPhone you can use remote control to export HAR data and view in Online HAR Viewer(Be sure the "Validate data before processing?" box is un-checked .)

17.Performance API.

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

18.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.

19.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.

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

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

2.Online Web Inspector.

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

4.Show WebKit Debug Borders(Compositing Render Layers).

5.Show Webkit Repaint Counter(Paint Rects).

6.Evaluating JavaScript in the address bar.

7.Disable cache *when the switch button is ON*.

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

9.Keep awake(Default is ON).

10.Performance API.

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

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

MIHTool 是前端工程师在iOS设备上调试和优化页面的得力助手.

1.内嵌 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 上。

2.远程打开Web inspector调试:在电脑(window,mac,linux,仅需装有chrome)上远程调试手机里的页面.

在网域内通过远程控制的方式打开Web inspector调试你的页面。
与 Chrome DevTools类似,有 Elements,Resources,Network,Timeline,Console 面板.
注意: 如果你的Network 或者 Timeline 面板无数据,需要将圆形的录制开关打开成 红色.
Web inspector 是基于 weinre 的,bug 可以报到 weinre google group 上。

3.在线远程打开Web Inspector调试.

在线远程打开Web Inspector调试与远程打开Web inspector调试功能一样。但是只要你的设备连网,在外网也能通过 Web Inspector调试。
有时候你内网之间的设备可能无法互相访问,那远程打开Web inspector调试就无效了,这时如果设备连上外网了,就可以通过在线远程打开Web Inspector调试了。

4.HTML 编辑器:查看网页源码;格式化及高亮源码;编辑源码或者新建一个页面并预览结果.

HTML editor 编辑器是iPad独占的功能。查看网页源码;格式化及高亮源码;编辑源码或者新建一个页面并预览结果。
当然你也可以通过远程控制将当前页面的源码导出。

5.远程控制的HTTP服务器:远程打开链接;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程导出HAR数据;远程导出网页源码,远程截图…

开启 MIHTool 的 HTTP Server 你会得到一个类似 http://192.168.1.101:1630 的连接,可以通过局域网内的window,mac,linux,甚至另一台 iPad,访问此连接来远程控制 MIHTool。
打开远程控制的连接你会看到很多可用的命令,基本上MIHTool的所有功能都能远程控制操作,如:远程打开链接;远程查看历史;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程导出HAR数据;远程导出网页源码,远程截图,等等。
远程控制的命令是 REST 风格的,你可以写一些自动化脚本来自动化测试你的页面。实现从一台远程电脑控制多台设备同时调试。

6.显示页面合成渲染层(Compositing Render Layers).

显示页面合成渲染层(Compositing Render Layers) 和 显示元素的重绘渲染数(Paint Rects) 是帮助你优化页面得到 60FPS 的得力助手。
如何优化页面性能请参看

7.显示元素的重绘渲染数(Paint Rects).

8.模拟 iPhone.

你无需再购买一台iPhone就能在iPad上模拟iPhone的尺寸直接调试你的页面。

9.User agent 切换.

你可以直接在 MIHTool 里切换其他浏览器的 UA,包含有 android,mac,window 相关30多个设备的 UA。

10.实用开发者调试书签类工具(Firebug,YSlow,JS Console,PageSpeed,GTmetrix…).

11.在地址栏执行JS脚本.

12.全屏模式(摇一摇设备切换全屏).

13.禁止缓存.

14.清除历史,清除缓存,清除cookie, 清除localstorage.

15.保持唤醒状态(默认开启).

16.查看当前页面的HAR.(另推荐 logproxy)

通过 HAR Viewer 查看页面HTTP请求的 waterfall。或者将 HAR 数据导出分析页面加载性能。
HAR Viewer 是iPad独有的,在 iPhone 上你也可以通过远程控制导出 HAR 数据然后放到Online HAR Viewer 查看(需要去掉 "Validate data before processing?" 复选框的勾选.)

17.Performance API.

实现了部分 Performance API

18.Polyfill Manager(模拟javascript与Native App互相调用,demo)

当你在做Hybrid App开发时,你无需等待Native App完成开发,也不必非得使用认证的测试机安装上对应的Native App就能完整(无耦合)的模拟Native接口及回调。
参看此演示 视频

19.NPM Modules (在 web inspector console 里通过 require() 加载 npm 模块)

基于 browserify 在 web inspector console 里通过 require() 加载 npm 模块。
丰富的npm模块将让你在 MIHTool 里调试和优化页面变得更加有趣!简直会有无限的可能。

MIHTool 是前端工程师在iOS设备上调试和优化页面的得力助手.

1.远程打开Web inspector调试:在电脑(window,mac,linux,仅需有chrome)上远程调试手机里的页面.

2.在线远程打开Web Inspector调试.

3.远程控制的HTTP服务器:远程打开链接;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程导出HAR数据;远程导出网页源码,远程截图…

4.显示页面合成渲染层(Compositing Render Layers).

5.显示元素的重绘渲染数(Paint Rects).

6.在地址栏执行JS脚本.

7.禁止缓存(*开关打开时*).

8.全屏模式(摇一摇设备切换全屏).

9.保持唤醒状态(默认开启).

10.Performance API.

11.Polyfill管理器(模拟javascript与Native App互相调用,demo)

12.NPM Modules (在 web inspector console 里通过 require() 加载 npm 模块)

What devs say about MIHTool
 
Support and bug reports
 

Community discussion, questions, and informal bug reporting is done on the MIHTool Google group.Please feel free to twitter me @unbug ,E-mail: tidelgl@gmail.com.微博 @听奏

Special Thanks
 
  • Paul Bakaus(Studio 5 CTO at Zynga)'s features guidance
  • App Icon designed by Rude(Graphic and interaction design specialist at Mortensen)
Demonstration Videos
 
Change logs
 

For iPad
1.+Add,Update inline Web Inspector.
2.+Add,Update Online Web Inspector.
3.+Add,Update remote Web Inspector.
For iPhone
1.+Add,Update Online Web Inspector.
2.+Add,Update remote Web Inspector.

For iPad
1.!+Add,NPM Modules (To require() any module on npm in web inspector console with browserify).
2.!+Add,Remote control to toggle NPM Modules.
For iPhone
1.!+Add,Remote control to toggle NPM Modules. (To require() any module on npm in web inspector console with browserify).

For iPad
1.!*Fix,HAR Viewer cause crash on 64-bit device.
2.!*Fix,Remote control to get HAR from MIHTool Console cause crash on 64-bit device.
For iPhone
1.!*Fix,Remote control to get HAR from MIHTool Console cause crash on 64-bit device.

For iPad
1.+Add,Update HTTP Server.
2.+Add,Update for 64-bit.
3.!-Remove,No long support iOS5.
For iPhone
1.+Add,Update HTTP Server.
2.+Add,Update for 64-bit.
3.!-Remove,No long support iOS5.

For iPad
1.!+Add,Update for iOS7.
2.+Add,New user agent list.
3.*Fix,PageSpeed bookmarklet not works issue.
For iPhone
1.!+Add,Update for iOS7.

For iPad
1.*Fix,Remote control to load url decode issue.
For iPhone
1.*Fix,Remote control to load url decode issue.
2.!*Fix,Portrait and landscape switch issue.

For iPad
1.!+Add,Polyfill Manager(simulate API for javaScript to Objective-C communication,demo)
2.!*Fix,Can not remote control to load HTTPS URL in Chrome.
For iPhone
1.!+Add,Polyfill Manager(simulate API for javaScript to Objective-C communication,demo)
2.!*Fix,Can not remote control to load HTTPS URL in Chrome.

For iPad
1.!+Add,Remote control to switch weinre server.
2.+Add,Remote control to get screenshots.
3.+Add,Remote control to load URL in Mobile Safari
4.+Add,Remote control to load URL in Google Chrome
5.+Add,Double click to edit element style and attributes in inline web inspector
6.!*Fix,Web inspector not working in the latest Chrome Canary.
For iPhone
1.!+Add,Remote control to switch weinre server.
2.+Add,Remote control to get screenshots.
3.+Add,Remote control to load URL in Mobile Safari
4.+Add,Remote control to load URL in Google Chrome
5.!*Fix,Web inspector not working in the latest Chrome Canary.

For iPad
1.!+Add,Remote control to view history.
2.+Add,Remote control to clear history.
3.+Add,Remote control to get source code from MIHTool Console.
4.+Add,Remote control to get generated source Code from MIHTool Console.
5.*Fix,Performance API not work in some cases.
6.*Fix,Apple-Specific Event Meta Tag issue.

For iPhone
1.!+Add,View history.
2.!+Add,Remote control to view history.
3.+Add,Remote control to clear history.
4.+Add,Remote control to get source code from MIHTool Console.
5.+Add,Remote control to get generated source Code from MIHTool Console.
6.+Add,New about page with more options.
7.*Fix,Performance API not work in some cases.
8.*Fix,Apple-Specific Event Meta Tag issue.

For iPad
1.!+Add,Online Web Inspector.
2.+Add,Toggle zoom inline web inspector option.
3.+Add,window.open() and window.close() support.
4.+Add,Update HTTP Server.
5.!*Fix,Inline web inspector can not refresh issue.

For iPhone
1.!+Add,Online Web Inspector.
2.+Add,Update HTTP Server.

For iPad
1.+Add,Keep awake default is ON.
2.!*Fix,HTML editor decode issue.
3.*Fix,Web inspector not show up in some case.

For iPhone
1.+Add,Keep awake default is ON.

For iPad
1.!+Add,HAR Viewer.
2.!+Add,Performance API.
3.!+Add,SSL support.
4.+Add,Read/modify external stylesheets/scripts for Web inspector(include Web inspector remote) and Firebug.
5.+Add,Clear application cache when clear cache.
6.+Add,Remote control to quit MIHTool.
7.+Add,Remote control to toggle Media Playback.
8.+Add,Remote control to view performance API from MIHTool Console.
9.+Add,Remote control to get HAR from MIHTool Console.
10.+Add,HTML Editor performance optimized.
11.+Add,Decent new App Icon (By @Rude).
12.*Fix,Some of Chrome plugins cause web inspector “Failed to load resource ‘Popover.js’” issue.
13.*Fix,Web inspector toolbar blocked by console view when open console view in other panel and minimize web inspector.
14.*Fix,Shortcut buttons of HTML editor lost focus issue.

For iPhone
1.!+Add,Performance API.
2.!+Add,SSL support.
3.+Add,Read/modify external stylesheets/scripts for Web inspector remote.
4.+Add,Clear application cache when clear cache.
5.+Add,Remote control to quit MIHTool.
6.+Add,Remote control to toggle Media Playback.
7.+Add,Remote control to view performance API from MIHTool Console.
8.+Add,Remote control to get HAR from MIHTool Console.
9.+Add,Decent new App Icon (By @Rude).
10.*Fix,Some of Chrome plugins cause web inspector “Failed to load resource ‘Popover.js’” issue.

For iPad
1.!+Add,Inline Web inspector(like Chrome DevTool or FireBug):With Elements,Resources,Network,Timeline,Console panel.
2.!+Add,Web inspector remote(weinre):remote to debug and optimize your mobile webpages on your computer(window,mac,linux with chrome).
3.+Add,Remote control to reload current webpage.
4.+Add,Remote control to toggle disable cache.
5.+Add,Remote control to clear cache.
6.+Add,Remote control to clear cookies.
7.+Add,Remote control to clear local storage.
8.+Add,Remote control to clear all data(Cache,Cookies,Local Storage).
9.+Add,Remote control to toggle full screen mode.
10.+Add,Remote control to toggle keep awake.
11.+Add,Clearly developer tools section.
12.!*Fix,Http server not reconnect after awake from background.

For iPhone
2.!+Add,Web inspector remote(weinre):remote to debug and optimize your mobile webpages on your computer(window,mac,linux with chrome).
3.+Add,Remote control to reload current webpage.
4.+Add,Remote control to toggle disable cache.
5.+Add,Remote control to clear cache.
6.+Add,Remote control to clear cookies.
7.+Add,Remote control to clear local storage.
8.+Add,Remote control to clear all data(Cache,Cookies,Local Storage).
9.+Add,Remote control to toggle full screen mode.
10.+Add,Remote control to toggle keep awake.
11.+Add,Disable cache *when the switch button is ON*.
11.!*Fix,Http server not reconnect after awake from background.
12.-Remove.Clear cache,clear localstorage,clear cookies on restart *when the switch button is ON*.

For iPad
1.+Add,HTTP Server for remote control.
2.+Add,Remote control to load URL in MIHTool.
3.+Add,Remote control to inject Javascript in current webpage:Such as,Inject weinre for web inspector remote.
4.+Add,Emulate iPhone.
5.+Add,Keep Awake.
6.+Add,Share source code option.
7.*Fix,Not update the source code by load a URL from history when preview editing source code issue.
8.*Fix,In HTML editor,page switch issue.
9.*Fix,User agent switch not save issue.

For iPhone
1.+Add,HTTP Server for remote control *when the switch button is ON*.
2.+Add,Remote control to load URL in MIHTool.
3.+Add,Remote control to inject Javascript in current webpage:Such as,Inject weinre for web inspector remote.
4.+Add,Keep Awake *when the switch button is ON*.
5.+Add,Clear cache,clear localstorage,clear cookies on restart *when the switch button is ON*.
6.+Add,Decent UI.

For iPad
1.+Add,View webpage source code.
2.+Add,View webpage generated source code.
3.+Add,HTML editor with syntax highlighting and formatting.
4.+Add,Edit source code with HTML editor and preview the result.
5.+Add,Create a new webpage with HTML editor and preview it.
6.+Add,JS Console development tool.
7.*Fix,URL format issue.
8.*Fix,Disable cache policy issue.

For iPad
1.+Add,Show webkit repaint counter.
2.+Add,More development tools(Firebug,YSlow,WhatFont,PageSpeed,GTmetrix,W3C Markup Validation Service…).
3.+Add,User agent switcher.
4.+Add,Evaluating JavaScript in the address bar.
5.+Add,URL history.
6.+Add,Running in background.
7.+Add,Auto load the last webpage on restart.
8.+Add,Save settings.
9.+Add,Quit the App option(A quick way to restart the App)
10.+Add,Disable cache.
11.+Add,Clear History,clear cache,clear cookies, clear localstorage.
12.+Add,Decent UI and layout.

For iPhone
1.+Add,Show webkit repaint counter.

1.+ add Firebug web development tool for iPad version.
2.* url autofill with “http://” issue fixed.