Add Physical Web WebUI Default Url Icon

components/physical_web/webui/resources/physical_web.js

Index: components/physical_web/webui/resources/physical_web.js
diff --git a/components/physical_web/webui/resources/physical_web.js b/components/physical_web/webui/resources/physical_web.js
index 418dc1d6e90c1b5e8daffb35b8fbd841900eae08..e9f596e8730aeefc132aab122e57366996918a98 100644
--- a/components/physical_web/webui/resources/physical_web.js
+++ b/components/physical_web/webui/resources/physical_web.js
@@ -24,8 +24,18 @@ function physicalWebItemClicked(index) {
 function returnNearbyURLs(nearbyUrlsData) {
   var bodyContainer = $('body-container');
   renderTemplate(nearbyUrlsData);
-
   bodyContainer.style.visibility = 'visible';
+  addErrorHandler();
+}
+
+function addErrorHandler() {
+  var images = document.getElementsByTagName('img');

[mattreynolds, 2017/02/28 22:20:54]

Can we make this only match favicon images? If we add any other error-prone
images to the page this will catch them too.

+  for (var i = 0; i < images.length; i++) {

[cco3, 2017/02/28 22:10:49]

I know you are working with some old version of jquery, but you should be able
to do:

$('img').foreach(function() {
    $(this).addEventListener(...)
});

+    var img = images[i];
+    img.addEventListener('error', function() {
+      this.src = "chrome://physical-web/link.png";
+    });
+  }
 }
 
 document.addEventListener('DOMContentLoaded', requestNearbyURLs);