Angular, onLoad function on an iFrame

Commenting on a year old question. For cases where there are more than 1 iframes, I needed to bind “onload” events on to. I did this approach. Directive APP.directive(‘iframeOnload’, [function(){ return { scope: { callBack: ‘&iframeOnload’ }, link: function(scope, element, attrs){ element.on(‘load’, function(){ return scope.callBack(); }) } }}]) Controller APP.controller(‘MyController’, [‘$scope’, function($scope){ $scope.iframeLoadedCallBack = function(){ … Read more

Content script for iframe inside extension popup or background script

Use “all_frames”: true in your content script declaration to inject it into an iframe: “content_scripts”: [{ “matches”: [ “http://example.com/*” ], “js”: [ “content.js” ], “all_frames”: true }], To differentiate this iframe from normal tabs you can add a dummy parameter to the URL when you create the iframe e.g. http://example.com/?foo so you can match it … Read more

Failed to load resource: net::ERR_INSECURE_RESPONSE

Your resource probably use a self-signed SSL certificate over HTTPS protocol. Chromium, so Google Chrome block by default this kind of resource considered unsecure. You can bypass this this way : Assuming your frame’s URL is https://www.domain.com, open a new tab in chrome and go to https://www.domain.com. Chrome will ask you to accept the SSL … Read more