chrome/docs/multi-device-pillar.html

   1 {{+content:partials.site}}
   2 <div class="pillar-content">
   3
   4   <h1>Multi-Device Chrome</h1>
   5
   6   <section class="article-list g-section">
   7     <article>
   8     <h4 class="label">Overview</h4>
   9     <h2>Chrome for a Multi-Device World</h2>
  10     <p>Chrome runs on computers, tablets, smartphones, and other devices.
  11     Learn how to tailor your sites and apps for a multi-device world.
  12     </p>
  13     <p><a href="/multidevice/index.html">Learn more</a></p>
  14     <img src="{{static}}/images/multi-device-pillar/multidevice.png" alt="mobile devices running Chrome">
  15     </article>
  16
  17     <article class="new">
  18     <h4 class="label">Chrome for Android</h4>
  19     <h2>Add to Homescreen</h2>
  20     <p><b>Add to homescreen</b> lets Android users add an application shortcut icon to their
  21     device's homescreen. Applications launched from the shortcut icon run in fullscreen
  22         mode, and appear as separate applications in the task switcher.
  23     </p>
  24     <p><a href="/multidevice/android/installtohomescreen.html">Learn more</a></p>
  25     <img src="{{static}}/images/multi-device-pillar/addtohomescreen.png" alt="add to homescreen item">
  26     </article>
  27
  28     <article class="new">
  29     <h4 class="label">Chrome WebView for Android</h4>
  30     <h2>Getting Started</h2>
  31     <p><b>Get started writing a WebView-based application.</b> A primer on using the
  32     Android WebView to host web content.</p>
  33     <p><a href="/multidevice/webview/gettingstarted.html">Learn more</a></p>
  34     <img src="{{static}}/images/multi-device-pillar/webview_gs.png" alt="Android device running WebView app">
  35     </article>
  36
  37     <article class="new">
  38     <h4 class="label">Chrome WebView for Android</h4>
  39     <h2>WebView Workflow</h2>
  40     <p><b>Add web libraries and tools to your WebView-based application.</b> Update the Android Studio
  41     build scripts to add web-specific build steps, and integrate Grunt into the Android build process.</p>
  42     <p><a href="/multidevice/webview/workflow.html">Learn more</a></p>
  43     <img src="{{static}}/images/multi-device-pillar/workflow.png" alt="Grunt and Yeoman logos">
  44     </article>
  45
  46     <article>
  47     <h4 class="label">Chrome for iOS</h4>
  48     <h2>Opening links in Chrome for iOS</h2>
  49     <p><b>In iOS, there are several methods for opening links in Chrome.</b> On iOS, URLs are opened in
  50     Safari by default.  However, applications can check whether Chrome is installed, and explicitly
  51     open links in Chrome if desired.
  52     </p>
  53     <p><a href="/multidevice/ios/links.html">Learn more</a></p>
  54     </article>
  55
  56     <article>
  57     <h4 class="label">Chrome for Android</h4>
  58     <h2>Android Intents with Chrome</h2>
  59     <p><b>Using an Android Intent URI lets you launch Android apps directly from a web page
  60     or web application.</b>
  61     </p>
  62     <p><a href="/multidevice/android/intents.html">Learn more</a></p>
  63     </article>
  64
  65
  66         <!--
  67     <div class="load-more-articles">
  68       <a href="" class="nav-arrow down-arrow">More articles</a>
  69     </div>
  70     -->
  71
  72   </section>
  73
  74   <section class="g-section g-tpl-50-50">
  75     <h2>Further Resources</h2>
  76     <div class="g-unit g-first">
  77       <article class="g-content">
  78         <h2>Debug with DevTools</h2>
  79         <p>Use Chrome DevTools to debug apps running in your Android devices.</p>
  80         <p><a href="/devtools/docs/remote-debugging.html">Learn more</a></p>
  81       </article>
  82     </div>
  83         <div class="g-unit g-last">
  84           <article class="g-content">
  85             <h2>Mobile Emulation</h2>
  86              <p>Use the Chrome DevTools Mobile Emulation features to test how your web app will work
  87              on different devices. </p>
  88             <p><a href="/devtools/docs/mobile-emulation.html">Learn more</a></p>
  89           </article>
  90         </div>
  91       </div>
  92     </div>
  93   </section>
  94
  95 </div>
  96 {{/partials.site}}