Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / chrome / docs / multi-device-pillar.html
blob65b7610b0de8ca6f64368af010d4acde4517041f
1 {{+content:partials.site}}
2 <div class="pillar-content">
4 <h1>Multi-Device Chrome</h1>
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>
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>
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>
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>
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>
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>
66 <!--
67 <div class="load-more-articles">
68 <a href="" class="nav-arrow down-arrow">More articles</a>
69 </div>
70 -->
72 </section>
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>
95 </div>
96 {{/partials.site}}