Add a chrome://webapks page.

components/webapks_ui/resources/about_webapks.js

Index: components/webapks_ui/resources/about_webapks.js
diff --git a/components/webapks_ui/resources/about_webapks.js b/components/webapks_ui/resources/about_webapks.js
new file mode 100644
index 0000000000000000000000000000000000000000..86c50ee42d4aa8e3c900bfdddaf27344d77d6593
--- /dev/null
+++ b/components/webapks_ui/resources/about_webapks.js
@@ -0,0 +1,56 @@
+// Copyright (c) 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * Creates and returns a node (with |text| as content) assigning it the
+ * |className| class.
+ */
+function createTextElementWithClassName(text, className) {
+  var node = document.createElement('span');
+  node.textContent = text;
+  node.className = className;
+  return node;
+}
+
+/**
+ * Callback from the backend with the information of a WebAPK to display.
+ * This will be called once for each WebAPK available on the device and each
+ * one will be appended at the end of the other.
+ */
+function returnWebApksInfo(webApksList) {
+  for (const i in webApksList) {
+    addWebApk(webApksList[i]);
+  }
+}
+
+function addWebApk(webApkInfo) {
+  var webApksList = $('webapks-list');
+
+  webApksList.appendChild(document.createElement("BR"));
+  webApksList.appendChild(document.createElement("BR"));

[pkotwicz, 2017/01/19 19:37:18]

Two <br>s are one <p>

[gonzalon, 2017/01/19 23:50:17]

Didn't know about that :P

[gonzalon, 2017/01/19 23:50:17]

I made this change, but it didn't work. I tried it on a sandbox and it's not the
same unfortunately, the <p> tag doesn't leave a space like the double <br> does.

+  webApksList.appendChild(
+      createTextElementWithClassName(webApkInfo.shortName, "app-name"));
+
+  webApksList.appendChild(document.createElement("BR"));
+  webApksList.appendChild(createTextElementWithClassName(
+      "Package name", "app-property-label"));
+  webApksList.appendChild(document.createTextNode(webApkInfo.packageName));
+
+  webApksList.appendChild(document.createElement("BR"));
+  webApksList.appendChild(createTextElementWithClassName(
+      "Shell APK version", "app-property-label"));
+  webApksList.appendChild(document.createTextNode(webApkInfo.shellApkVersion));
+
+  webApksList.appendChild(document.createElement("BR"));
+  webApksList.appendChild(createTextElementWithClassName(
+      "Version code", "app-property-label"));
+  webApksList.appendChild(document.createTextNode(webApkInfo.versionCode));
+}
+
+/* All the work we do onload. */
+function onLoadWork() {
+  chrome.send('requestWebApksInfo');
+}
+
+document.addEventListener('DOMContentLoaded', onLoadWork);