Fix broken icon on iOS offline interstitial

chrome/renderer/resources/offline.js

 // Copyright (c) 2014 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.
 (function() {
 'use strict';
 /**
  * T-Rex runner.
  * @param {string} outerContainerId Outer containing element id.
  * @param {object} opt_config
  * @constructor
@@ skipping 69 matching lines @@
 
 /** @const */
 var IS_HIDPI = window.devicePixelRatio > 1;
 
 /** @const */
 var IS_MOBILE = window.navigator.userAgent.indexOf('Mobi') > -1;
 
 /** @const */
 var IS_TOUCH_ENABLED = 'ontouchstart' in window;
 
+/** @const */
+var IS_IOS = window.navigator.userAgent.indexOf('CriOS') > -1;
 
 /**
  * Default game configuration.
  * @enum {number}
  */
 Runner.config = {
   ACCELERATION: 0.001,
   BG_CLOUD_SPEED: 0.2,
   BOTTOM_PAD: 10,
   CLEAR_TIME: 3000,
@@ skipping 144 matching lines @@
       var imgSource = imageSources[i];
       this.images[imgSource.name] = document.getElementById(imgSource.id);
     }
     this.init();
   },
 
   /**
    * Load and decode base 64 encoded sounds.
    */
   loadSounds: function() {
-    this.audioContext = new AudioContext();
-    var resourceTemplate =
-        document.getElementById(this.config.RESOURCE_TEMPLATE_ID).content;
+    if (!IS_IOS) {
+      this.audioContext = new AudioContext();
+      var resourceTemplate =
+          document.getElementById(this.config.RESOURCE_TEMPLATE_ID).content;
 
-    for (var sound in Runner.sounds) {
-      var soundSrc = resourceTemplate.getElementById(Runner.sounds[sound]).src;
-      soundSrc = soundSrc.substr(soundSrc.indexOf(',') + 1);
-      var buffer = decodeBase64ToArrayBuffer(soundSrc);
+      for (var sound in Runner.sounds) {
+        var soundSrc =
+            resourceTemplate.getElementById(Runner.sounds[sound]).src;
+        soundSrc = soundSrc.substr(soundSrc.indexOf(',') + 1);
+        var buffer = decodeBase64ToArrayBuffer(soundSrc);
 
-      // Async, so no guarantee of order in array.
-      this.audioContext.decodeAudioData(buffer, function(index, audioData) {
-          this.soundFx[index] = audioData;
-        }.bind(this, sound));
+        // Async, so no guarantee of order in array.
+        this.audioContext.decodeAudioData(buffer, function(index, audioData) {
+            this.soundFx[index] = audioData;
+          }.bind(this, sound));
+      }
     }
   },
 
   /**
    * Sets the game speed. Adjust the speed accordingly if on a smaller screen.
    * @param {number} opt_speed
    */
   setSpeed: function(opt_speed) {
     var speed = opt_speed || this.currentSpeed;
 
@@ skipping 173 matching lines @@
     this.canvasCtx.clearRect(0, 0, this.dimensions.WIDTH,
         this.dimensions.HEIGHT);
   },
 
   /**
    * Update the game frame.
    */
   update: function() {
     this.drawPending = false;
 
-    var now = performance.now();
+    var now = getTimeStamp();
     var deltaTime = now - (this.time || now);
     this.time = now;
 
     if (this.activated) {
       this.clearCanvas();
 
       if (this.tRex.jumping) {
         this.tRex.updateJump(deltaTime, this.config);
       }
 
@@ skipping 145 matching lines @@
     var isjumpKey = Runner.keycodes.JUMP[keyCode] ||
        e.type == Runner.events.TOUCHEND ||
        e.type == Runner.events.MOUSEDOWN;
 
     if (this.isRunning() && isjumpKey) {
       this.tRex.endJump();
     } else if (Runner.keycodes.DUCK[keyCode]) {
       this.tRex.speedDrop = false;
     } else if (this.crashed) {
       // Check that enough time has elapsed before allowing jump key to restart.
-      var deltaTime = performance.now() - this.time;
+      var deltaTime = getTimeStamp() - this.time;
 
       if (Runner.keycodes.RESTART[keyCode] ||
          (e.type == Runner.events.MOUSEUP && e.target == this.canvas) ||
          (deltaTime >= this.config.GAMEOVER_CLEAR_TIME &&
          Runner.keycodes.JUMP[keyCode])) {
         this.restart();
       }
     } else if (this.paused && isjumpKey) {
       this.play();
     }
@@ skipping 39 matching lines @@
       this.gameOverPanel.draw();
     }
 
     // Update the high score.
     if (this.distanceRan > this.highestScore) {
       this.highestScore = Math.ceil(this.distanceRan);
       this.distanceMeter.setHighScore(this.highestScore);
     }
 
     // Reset the time clock.
-    this.time = performance.now();
+    this.time = getTimeStamp();
   },
 
   stop: function() {
     this.activated = false;
     this.paused = true;
     cancelAnimationFrame(this.raqId);
     this.raqId = 0;
   },
 
   play: function() {
     if (!this.crashed) {
       this.activated = true;
       this.paused = false;
       this.tRex.update(0, Trex.status.RUNNING);
-      this.time = performance.now();
+      this.time = getTimeStamp();
       this.update();
     }
   },
 
   restart: function() {
     if (!this.raqId) {
       this.playCount++;
       this.runningTime = 0;
       this.activated = true;
       this.crashed = false;
       this.distanceRan = 0;
       this.setSpeed(this.config.SPEED);
 
-      this.time = performance.now();
+      this.time = getTimeStamp();
       this.containerEl.classList.remove(Runner.classes.CRASHED);
       this.clearCanvas();
       this.distanceMeter.reset(this.highestScore);
       this.horizon.reset();
       this.tRex.reset();
       this.playSound(this.soundFx.BUTTON_PRESS);
 
       this.update();
     }
   },
@@ skipping 75 matching lines @@
 function getRandomNum(min, max) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 }
 
 
 /**
  * Vibrate on mobile devices.
  * @param {number} duration Duration of the vibration in milliseconds.
  */
 function vibrate(duration) {
-  if (IS_MOBILE) {
-    window.navigator['vibrate'](duration);
+  if (IS_MOBILE && window.navigator.vibrate) {
+    window.navigator.vibrate(duration);
   }
 }
 
 
 /**
  * Create canvas element.
  * @param {HTMLElement} container Element to append canvas to.
  * @param {number} width
  * @param {number} height
  * @param {string} opt_classname
@@ skipping 21 matching lines @@
   var arrayBuffer = new ArrayBuffer(len);
   var bytes = new Uint8Array(arrayBuffer);
 
   for (var i = 0; i < len; i++) {
     bytes[i] = str.charCodeAt(i);
   }
   return bytes.buffer;
 }
 
 
+/**
+ * Return the current timestamp.
+ * @return {number}
+ */
+function getTimeStamp() {
+  return IS_IOS ? new Date().getTime() : performance.now();
+}
+
+
 //******************************************************************************
 
 
 /**
  * Game over panel.
  * @param {!HTMLCanvasElement} canvas
  * @param {!HTMLImage} textSprite
  * @param {!HTMLImage} restartImg
  * @param {!Object} dimensions Canvas dimensions.
  * @constructor
@@ skipping 553 matching lines @@
     this.timer += deltaTime;
 
     // Update the status.
     if (opt_status) {
       this.status = opt_status;
       this.currentFrame = 0;
       this.msPerFrame = Trex.animFrames[opt_status].msPerFrame;
       this.currentAnimFrames = Trex.animFrames[opt_status].frames;
 
       if (opt_status == Trex.status.WAITING) {
-        this.animStartTime = performance.now();
+        this.animStartTime = getTimeStamp();
         this.setBlinkDelay();
       }
     }
 
     // Game intro animation, T-rex moves in from the left.
     if (this.playingIntro && this.xPos < this.config.START_X_POS) {
       this.xPos += Math.round((this.config.START_X_POS /
           this.config.INTRO_DURATION) * deltaTime);
     }
 
     if (this.status == Trex.status.WAITING) {
-      this.blink(performance.now());
+      this.blink(getTimeStamp());
     } else {
       this.draw(this.currentAnimFrames[this.currentFrame], 0);
     }
 
     // Update the frame position.
     if (this.timer >= this.msPerFrame) {
       this.currentFrame = this.currentFrame ==
           this.currentAnimFrames.length - 1 ? 0 : this.currentFrame + 1;
       this.timer = 0;
     }
@@ skipping 779 matching lines @@
 
   /**
    * Add a new cloud to the horizon.
    */
   addCloud: function() {
     this.clouds.push(new Cloud(this.canvas, this.cloudImg,
         this.dimensions.WIDTH));
   }
 };
 })();