| Index: chrome/common/extensions/docs/templates/public/home/devtools-pillar.html
|
| diff --git a/chrome/common/extensions/docs/templates/public/home/devtools-pillar.html b/chrome/common/extensions/docs/templates/public/home/devtools-pillar.html
|
| deleted file mode 100644
|
| index 00f5bcafb6bb774d3af14e7f39cad6512a1ef6e2..0000000000000000000000000000000000000000
|
| --- a/chrome/common/extensions/docs/templates/public/home/devtools-pillar.html
|
| +++ /dev/null
|
| @@ -1,234 +0,0 @@
|
| -{{+content:partials.site}}
|
| -<div class="pillar-content">
|
| -
|
| - <h1>Chrome Developer Tools</h1>
|
| -
|
| - <section class="article-list g-section">
|
| - <article class="new">
|
| - <h4 class="label">Styles & the DOM</h4>
|
| - <h2>Editing Styles and the DOM</h2>
|
| - <p>
|
| - Use DevTools to do real-time editing of your web page. You can edit the DOM directly or the CSS Style and see your changes rendered immediately.
|
| - </p>
|
| - <p><a href="docs/dom-and-styles.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/dom-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article class="new">
|
| - <h4 class="label">Mobile DevTools</h4>
|
| - <h2>Remote Debugging on Android</h2>
|
| - <p>
|
| -
|
| - You can now access your Android device directly in DevTools on your dev machine. Just plug it in over USB and you can view and debug!
|
| - </p>
|
| - <p><a href="docs/remote-debugging.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/remote-debugging-pillar.jpg" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Learn Basics</h4>
|
| - <h2>DevTools Overview</h2>
|
| - <p>
|
| - A starting place if you haven't used DevTools before - this page will tell you everything you need to get started with the Chrome DevTools, from how to access the tools to a brief explanation of what the various menus and panels are used for.
|
| - </p>
|
| - <p><a href="index.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Command-line debugging</h4>
|
| - <h2>Using the console</h2>
|
| - <p>
|
| - The Javascript console in DevTools can be used to debug your Javascript code and log diagnostics, or you can also just use it as a shell to try out Javascript commands and interact with pages.
|
| - </p>
|
| - <p><a href="docs/console.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/console-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Mobile DevTools</h4>
|
| - <h2>Mobile Emulation</h2>
|
| - <p>
|
| - Need to debug for a device but don't have the device on hand? DevTools can emulate many devices -- screen dimensions, touch events, geolocation, and user spoofing.
|
| - </p>
|
| - <p><a href="docs/mobile-emulation.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/emulation-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Learn Basics</h4>
|
| - <h2>Keyboard Shortcuts</h2>
|
| - <p>
|
| - Save more time in your development workflow -- here is a page full of keyboard shortcuts that will make things quicker when you are using DevTools.
|
| - </p>
|
| - <p><a href="docs/shortcuts.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/shortcuts-pillar.JPG" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Performance and Profiling</h4>
|
| - <h2>Javascript Memory Profiling</h2>
|
| - <p>
|
| - Does your page use too much memory or have a memory leak? Find out how to get and analyze a heap profile.
|
| - </p>
|
| - <p><a href="docs/javascript-memory-profiling.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/memory-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Performance and Profiling</h4>
|
| - <h2>Performance Profiling: Timelines</h2>
|
| - <p>
|
| - Is your site running slow? Analyze times for events, scripting, rendering, and painting using the Timeline.
|
| - </p>
|
| - <p><a href="docs/timeline.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/timeline-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Performance and Profiling</h4>
|
| - <h2>Javascript CPU Profiler</h2>
|
| - <p>
|
| - Find out how much CPU is being spent on your various Javascript functions with the Javascript CPU Profiler.
|
| - </p>
|
| - <p><a href="docs/cpu-profiling.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/cpuprofiler-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Performance and Profiling</h4>
|
| - <h2>Flame Charts</h2>
|
| - <p>
|
| - Flame charts show you a visualization of the call stack of your Javascript functions, and you can quickly find out how long each individual call takes.
|
| - </p>
|
| - <p><a href="docs/flame-charts.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/flamechart-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Debugging Tools</h4>
|
| - <h2>Javascript Debugging</h2>
|
| - <p>
|
| - Need to debug your Javascript? DevTools has a suite of tools to let you step through code, set breakpoints, handle exceptions, and so on.
|
| - </p>
|
| - <p><a href="docs/javascript-debugging.html">Learn more</a></p>
|
| - <img src="{{static}}/images/devtools-pillar/jsdebugger-pillar.png" alt="these should have alt text">
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Command-line debugging</h4>
|
| - <h2>Console API reference</h2>
|
| - <p>
|
| - Javascript functions you can call within the console or within your programs to log various results to the console.
|
| - </p>
|
| - <p><a href="docs/console-api.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Command-line debugging</h4>
|
| - <h2>Command Line API reference</h2>
|
| - <p>
|
| - Functions that you can call in the console for performing common tasks within the DevTools.
|
| - </p>
|
| - <p><a href="docs/console-api.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Learn Basics</h4>
|
| - <h2>Tips and Tricks</h2>
|
| - <p>
|
| - Various tips and tricks on things within the DevTools.
|
| - </p>
|
| - <p><a href="docs/tips-and-tricks.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">DevTools Reference</h4>
|
| - <h2>Settings</h2>
|
| - <p>
|
| - Let's learn some more about what you can control in the Settings panel.
|
| - </p>
|
| - <p><a href="docs/settings.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Learn Basics</h4>
|
| - <h2>Authoring and Development Workflow</h2>
|
| - <p>
|
| - Do you find that DevTools saves you some time and you wonder how to save more? This page guides you through some ways to make your w\
|
| -orkflow more efficient, both in editing files and styles but also with your Javascript and how you use the DevTools in general.
|
| - </p>
|
| - <p><a href="docs/authoring-development-workflow.html">Learn more\
|
| -</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Styles & The DOM</h4>
|
| - <h2>Working with CSS Preprocessors</h2>
|
| - <p>
|
| - Are you using a CSS preprocessor such as Sass, Less, or Stylus? You can live-edit your preprocessor source files in DevTools as easi\
|
| -ly as editing straight CSS, and enable CSS source maps.
|
| - </p>
|
| - <p><a href="docs/css-preprocessors.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Mobile DevTools</h4>
|
| - <h2>Remote Debugging Protocol</h2>
|
| - <p>
|
| - Although we encourage you to use the new Screencast for debugging your Android devices, we do have Javascript runtime bindings for al\
|
| -lowing DevTools to interact with mobile Chrome devices.
|
| - </p>
|
| - <p><a href="docs/debugger-protocol.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Contribute</h4>
|
| - <h2>Integrating with DevTools</h2>
|
| - <p>
|
| - Write new extensions and protocol clients to make new features for Chrome DevTools!
|
| - </p>
|
| - <p><a href="docs/integrating.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - <article>
|
| - <h4 class="label">Learn Basics</h4>
|
| - <h2>Videos</h2>
|
| - <p>
|
| - Videos to get you started learning about Chrome DevTools.
|
| - </p>
|
| - <p><a href="docs/videos.html">Learn more</a></p>
|
| - </article>
|
| -
|
| - </section>
|
| -
|
| - <section class="g-section g-tpl-33-67" id="further-resources">
|
| - <h2>Further Resources</h2>
|
| - <div class="g-unit g-first">
|
| - <article class="g-content">
|
| - <h2 class="school">Code School</h2>
|
| - <p>Explore and master the DevTools with our free "discover DevTools" courses.
|
| - <p><a href="http://discover-devtools.codeschool.com/">Learn more</a></p>
|
| - </article>
|
| - </div>
|
| - <div class="g-unit">
|
| - <div class="g-section g-tpl-50-50">
|
| - <div class="g-unit g-first">
|
| - <article class="g-content">
|
| - <h2 class="chat">Get Involved</h2>
|
| - <p>Summit a bug or a feature request on DevTools, and help the community get better.
|
| - <p><a href="docs/contributing.html">Learn more</a></p>
|
| - </article>
|
| - </div>
|
| - <div class="g-unit g-last">
|
| - <article class="g-content">
|
| - <h2 class="puzzle">Debug Extensions</h2>
|
| - <p>Looking to use the DevTools to debug Chrome extensions? Watch our videos for more info.
|
| - <p><a href="docs/videos.html">Learn more</a></p>
|
| - </article>
|
| - </div>
|
| - </div>
|
| - </div>
|
| - </section>
|
| -
|
| -</div>
|
| -{{/partials.site}}
|
|
|