Support for requestAnimationFrame()

doc/en-US/guides/how-it-works/interception.md

@@ -184,6 +184,7 @@ Original settings:
 ```json
 {
   "WebAPIs": {
+    "requestAnimationFrame": true,
     "XMLHttpRequest.open": true,
     "XMLHttpRequest.send": true,
     "geo.getCurrentPosition": true,

doc/en-US/guides/how-it-works/what-is-detected.md

@@ -53,6 +53,7 @@ Some JavaScripts are reported with a different nomenclature to get closer to the
 | Window.setInterval (execution) | setInterval.call       | `setInterval(function() { /*call*/ }, 1000)`         |
 | Window.setTimeout              | setTimeout             | `setTimeout(function() { }, 1000)`                   |
 | Window.setTimeout (execution)  | setTimeout.call        | `setTimeout(function() { /*call*/ }, 1000)`          |
+| Window.requestAnimationFrame   | requestAnimationFrame  | `requestAnimationFrame(function() { /*call*/ })`     |
 | WebSocket.send                 | WebSocket.send         | `(new WebSocket('ws://host:80')).send('hello')`      |
 | XMLHttpRequest.open            | XMLHttpRequest.open    | `(new XMLHttpRequest()).open('GET', 'f.txt')`        |
 | XMLHttpRequest.send            | XMLHttpRequest.send    | `(new XMLHttpRequest()).open('GET', 'f.txt').send()` |

html/demos/detections/index.html

@@ -94,6 +94,8 @@
       <br><br>
 
       <div id="userAgent" class="small-demo-box">navigator.userAgent</div>
+
+      <div id="requestAnimationFrame" class="small-demo-box">requestAnimationFrame()</div>
     </div>
 
     <script type="text/javascript">
@@ -107,6 +109,10 @@
 
       (function() { setTimeout(function() {
 
+        window.requestAnimationFrame(function() {
+          document.getElementById('requestAnimationFrame').innerHTML = 'requestAnimationFrame():<br>animation executed!'
+        });
+
         document.getElementById('userAgent').innerHTML = 'navigator.userAgent:<br>' + window.navigator.userAgent.slice(0, 24);
         document.getElementById('userAgent').setAttribute('title', window.navigator.userAgent);
 

js/content/interceptor.js

@@ -126,6 +126,8 @@ if(should_luminous_run) {
       // interceptors/xml_http_request/open.js
       // interceptors/xml_http_request/send.js
 
+      // interceptors/window/request_animation_frame.js
+
     // /load_injectors
   }
 }

js/content/interceptors/window/request_animation_frame.js

@@ -0,0 +1,32 @@
+var original_window_requestAnimationFrame = window.requestAnimationFrame;
+
+window.requestAnimationFrame = function(callback) {
+  var super_this = this;
+
+  if(get_options()['injection_disabled']) {
+    return original_window_requestAnimationFrame.call(super_this, callback);
+  } else {
+    if(!is_allowed('WebAPIs', 'requestAnimationFrame')) {
+      increment_counter('WebAPIs', 'requestAnimationFrame', false, super_this, callback, 0);
+
+      // A long integer value, the request id, that uniquely identifies the
+      // entry in the callback list. This is a non-zero value, but you may
+      // not make any other assumptions about its value. You can pass this
+      // value to window.cancelAnimationFrame() to cancel the refresh
+      // callback request.
+      // https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame
+      return 1;
+    } else {
+      var timer = performance.now();
+
+      var execution_return = original_window_requestAnimationFrame.call(super_this, callback);
+
+      increment_counter(
+        'WebAPIs', 'requestAnimationFrame', true, super_this, callback, 0,
+        performance.now() - timer
+      );
+
+      return execution_return;
+    }
+  }
+}

js/helpers/code_names.js

@@ -8,7 +8,8 @@ var common_webapis = [
   'setInterval', 'setInterval.call',
   'setTimeout', 'setTimeout.call',
   'WebSocket.send',
-  'XMLHttpRequest.open', 'XMLHttpRequest.send'
+  'XMLHttpRequest.open', 'XMLHttpRequest.send',
+  'requestAnimationFrame'
 ];
 
 var common_events = [

js/logs/logs.js

@@ -37,6 +37,7 @@ devtools_tab_id.onMessage.addListener(function(tab) {
 
   var default_filter_out = [
     'setInterval', 'setTimeout',
+    'requestAnimationFrame',
     'handleEvent.message',
     'handleEvent.timeupdate',
     'handleEvent.progress',

manifest.json

@@ -132,6 +132,7 @@
     "js/content/interceptors/schedulers/set_timeout.js",
     "js/content/interceptors/web_socket/send.js",
     "js/content/interceptors/xml_http_request/open.js",
-    "js/content/interceptors/xml_http_request/send.js"
+    "js/content/interceptors/xml_http_request/send.js",
+    "js/content/interceptors/window/request_animation_frame.js"
   ]
 }