Tools for Web front-end development and debugging

Front-end Development online course: HTTP://YUN.LU/STUDENT/COURSE/LIST/8 1, hbuilder:web Development IDE Tools Hbulider, the kernel is Eclipse,dcloud company produced The project can be edited simultaneously with the builder, and can be modified simultaneously with eclipse. This can take advantage of the powerful H5 editing capabilities of Hbulider, which have been replaced by the Webstorm,web programming IDE from FrontPage, Dreamweaver, UE, to sublime text and JetBrains. Hbuilder is Dcloud (digital Paradise) to launch a Web development IDE that supports HTML5. Fast, is Hbuilder's biggest advantage, through the complete grammar hints and the code input method, the code block and so on, greatly enhances the HTML, JS, the CSS development efficiency.  2, Chrome Browser: More Tools developer tools Dock side in the console, enter the information, you can display it in the page, you can display various debugging information; Chrome settings:?  3, Firefox browser installs Firebugfirefox in Firefox httprequester 4, uses Hbulider for Web page development:  Hbuilder built-in Web server only supports HTML static pages, if it is a dynamic page, you need to use an external Web server; http://127.0.0.1:8020/mobileWeb/index.html  5, Debug using Chrome Browser: JS Debug statement: Console.log ("Hello");//General log console.info ();//General Message console.warm ();//Alarm message console.error (); Error message? Window.alert (); Debug statement? Direct use of alert can also pop up: alert (' I love you ');  6, Extranet access and reverse proxy IP address: localhost corresponds to 127.0.0.1 dynamically allocated 192.168.41.126http://127.0.0.1:8020/mobileweb/firsthtml5.htmlhttp:// 192.168.41.126:8020/mobileweb/firsthtml5.html can also display and access the  firefox QR code, which can be accessed by scanning:?    mobile phone installed browser cheetah, scan QR code, you can scan this QR code, show this page out. A Web page can be published by QR code.   Maps the local address to XXX and publishes it to the public network, mainly using Ngrok, which is actually a reverse proxy. Ngrok is a reverse proxy that can create a secure tunnel from the public network to a local Web service. Ngrok captures and analyzes all data that is used for subsequent inspection and replay. Http://www.cnblogs.com/wangshuo1/p/4502459.html Study Summary ngrok deploy native code so that the extranet can be accessed.  https://ngrok.com/download This above download, cannot use. Use a Ngrok service provided in the country:http://www.ittun.com   when the Ngrok service is started, verify access to the Tomcat service; http://127.0.0.1:8080 This is Tomcat external default port after opening Ngrok It tun: It Tun provides a service, HTTP//XXX.ittun.com maps to http://127.0.0.1:8080 so that you can access HTTP.// XXX.ittun.com, to access the internal Web page, you can use the phone QR code to scan through the Ngrok command to set the listening port   start Ngrok service, listening port: Ngrok 8020ngrok 8080  

Tools for Web front-end development and debugging