summaryrefslogtreecommitdiffstats
path: root/chrome/docs/multi-device-pillar.html
blob: 65b7610b0de8ca6f64368af010d4acde4517041f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
{{+content:partials.site}}
<div class="pillar-content">

  <h1>Multi-Device Chrome</h1>
  
  <section class="article-list g-section">
    <article>
    <h4 class="label">Overview</h4>
    <h2>Chrome for a Multi-Device World</h2>
    <p>Chrome runs on computers, tablets, smartphones, and other devices.
    Learn how to tailor your sites and apps for a multi-device world.
    </p>
    <p><a href="/multidevice/index.html">Learn more</a></p>
    <img src="{{static}}/images/multi-device-pillar/multidevice.png" alt="mobile devices running Chrome">
    </article>
    
    <article class="new">
    <h4 class="label">Chrome for Android</h4>
    <h2>Add to Homescreen</h2>
    <p><b>Add to homescreen</b> lets Android users add an application shortcut icon to their 
    device's homescreen. Applications launched from the shortcut icon run in fullscreen
	mode, and appear as separate applications in the task switcher. 
    </p>
    <p><a href="/multidevice/android/installtohomescreen.html">Learn more</a></p>
    <img src="{{static}}/images/multi-device-pillar/addtohomescreen.png" alt="add to homescreen item">
    </article>
    
    <article class="new">
    <h4 class="label">Chrome WebView for Android</h4>
    <h2>Getting Started</h2>
    <p><b>Get started writing a WebView-based application.</b> A primer on using the 
    Android WebView to host web content.</p>
    <p><a href="/multidevice/webview/gettingstarted.html">Learn more</a></p>
    <img src="{{static}}/images/multi-device-pillar/webview_gs.png" alt="Android device running WebView app">
    </article>

    <article class="new">
    <h4 class="label">Chrome WebView for Android</h4>
    <h2>WebView Workflow</h2>
    <p><b>Add web libraries and tools to your WebView-based application.</b> Update the Android Studio 
    build scripts to add web-specific build steps, and integrate Grunt into the Android build process.</p>
    <p><a href="/multidevice/webview/workflow.html">Learn more</a></p>
    <img src="{{static}}/images/multi-device-pillar/workflow.png" alt="Grunt and Yeoman logos">
    </article>

    <article>
    <h4 class="label">Chrome for iOS</h4>
    <h2>Opening links in Chrome for iOS</h2>
    <p><b>In iOS, there are several methods for opening links in Chrome.</b> On iOS, URLs are opened in 
    Safari by default.  However, applications can check whether Chrome is installed, and explicitly 
    open links in Chrome if desired.
    </p>
    <p><a href="/multidevice/ios/links.html">Learn more</a></p>
    </article>

    <article>
    <h4 class="label">Chrome for Android</h4>
    <h2>Android Intents with Chrome</h2>
    <p><b>Using an Android Intent URI lets you launch Android apps directly from a web page 
    or web application.</b>
    </p>
    <p><a href="/multidevice/android/intents.html">Learn more</a></p>
    </article>


	<!--
    <div class="load-more-articles">
      <a href="" class="nav-arrow down-arrow">More articles</a>
    </div>
    -->

  </section>

  <section class="g-section g-tpl-50-50">
    <h2>Further Resources</h2>
    <div class="g-unit g-first">
      <article class="g-content">
        <h2>Debug with DevTools</h2>
        <p>Use Chrome DevTools to debug apps running in your Android devices.</p>
        <p><a href="/devtools/docs/remote-debugging.html">Learn more</a></p>
      </article>
    </div>
        <div class="g-unit g-last">
          <article class="g-content">
            <h2>Mobile Emulation</h2>
             <p>Use the Chrome DevTools Mobile Emulation features to test how your web app will work
             on different devices. </p>
            <p><a href="/devtools/docs/mobile-emulation.html">Learn more</a></p>
          </article>
        </div>
      </div>
    </div>
  </section>

</div>
{{/partials.site}}