google chrome developer mode

The following is a draft of "the performance of Open source Applications" (POSA) and the successor to the Architecture of open source applications.Posa includes a number of papers on performance optimization and design, as well as performance management in the development process, and is expected to be available in the spring of 2013.by Ilya Grigorik on January 31, 2013 (translated: Horky [Http://blog.csdn.net/horkychen]) Google Chrome's history

the page has finished loading.Seven, high-quality printingChrome's Developer tools has built-in landscaping code that can return a minimized and easily readable code. The pretty Print button is in the lower-left corner of the Sources tab.Eight, device modeFor the development of mobile-friendly pages, Devtools contains a very powerful model, this Google Video introduces its main features, such as resizing s

One, quickly switch filesIf you have used sublime text, then you may not be accustomed to the overwrite of this feature without go to anything. You'll be glad to hear that Chrome developer features also have this feature, and when Devtools is turned on, press Ctrl+p (Cmd+p on Mac) to quickly search for and open your project's files.Second, search in the source codeWhat if you want to search in the source co

code in the resources option in Chrome's console, it is recommended to use Chrome's "pretty print" feature, which is to click on the "{}" icon.WhatfontTo see which fonts are used for the current page, Firebug and WebKit Inspector can also view the fonts, but far from being webfont convenient, webfont can view the fonts by hovering over the elements. It also supports viewing network fonts, such as Typekit and Google font APIs.IE TabOpen the IE tab in

become the mainstay of web development. So, Chrome has built a tool that fits our development and testing.1. Enter Mobile development modeMobile phone Development Mode My suggestion is to put the control Panel right. This is convenient for mobile phone development. Long press the Type label (IMG4) in the upper right corner of the control Panel to toggle where the control panel appears. After adjusting the

[Note: This article is transferred from: http://ued.taobao.com/blog/2012/06/03/debug-with-chrome-dev-tool/] This Article is based on the current chrome stable version (19.0.20.4.52 m, google is constantly improving the chrome developer tool, so the

read the documentation for more details. You can install an unpacked extender to Chrome as follows. Check the developer mode (Developer mode) and then click Load on the unpacked extensions (load unpackaged extension) and give it the app directory in the No-socializing direc

Google_chrome Developer Tools: Http://wenku.baidu.com/link?url=v-bAUCddu3t9I14LQVQtRhNDoohge2lsTLl3QDjiMoLQl4CJ629xfqnL _woyydswlwdkuyemllrwy-ouetwdn-zlttsjodvpkaxwuojmp6y google Chrome Debugging js Simple tutorial: http://www.360doc.com/content/13/1220/11/8790037_338626990.shtml Why I like

This articleArticleIt is based on the current chrome stable version (19.0.20.4.52 m), because Google is constantly improving the chrome developer tool, so the chrome version may be slightly different. some shortcut keys are also on windows, and the Mac should be similar. T