why is the warnings for some page unable to load? - google-chrome-extension

I have some tab with inspect which several of them unable to load the warning message, even if the page is same url on other tab.
same url but react differently on different tab,
tab can load warning only,
tab can load everything,
tab cannot see all warning and errors
cannot load warning but can see errors
cannot load warning but can see errors:
same url on other tab, can see all errors , warning and info etc
able to see all in inspect

Related

Privacy Badger extension blocks iframe content using iframe-resizer

The Privacy Badger extension blocks content from any iframe running iframe-resizer.
The console warning is:
[iFrameSizer][Host page: xxx] IFrame has not responded within 5 seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.
Is there a way to test for this on the parent page and display a message to the visitor to disable the extension?

CSP issue with iframe loaded from chrome extension

I'm developing a chrome extension that renders and sidebar iframe in Gmail.
A while back, we ran into a Content Security Policy issue that broke our extension and ran into a well-known error that shows up in your console as
Refused to frame '[OUR DOMAIN]' because it violates the following Content Security Policy directive: ...
To fix it, we had to rewrite the CSP header as explained in this blog post.
However, recently, we've been getting the same error, even after having implemented the fix suggested in the blog post.
As you can see, even though we added the chrome.webRequest.onHeadersReceived listener to overwrite the CSP header, our domain doesn't seem to be working. As a result, our sidebar does not load.
Notes and attempts:
Note that upon refreshing the entire page, the sidebar will sometimes load successfully %50 of the times, which leads me to believe that we're not adding the above event listener fast enough. To solve this, I pulled the event listener out of our background class and placed it at the top of the background js script. However, this issue seems to still persist.
We've tried to remove and re-add the extension but that didn't yield any permanent results.
Throughout testing, I also noticed that adding another extension that implements a similar override on the CSP header will cause our extension to break. Removing and re-adding our extension brings us back to the 50-50 issue in the first note.
[Update]
It seems that being able to reproduce it %50 of the times has to do with the version of chrome. After upgrading it to 72, I'm now able to reproduce the issue. However, doing a hard refresh on the page will sometimes allow the page to load.
More details on our setup: What we do is basically have a background.html which contains html templates and we have one template that contains an iframe tag. To get the template with the iframe, we do a sendMessage, grab the response, which is the template in string, convert it to DOM element via jquery, append it to body, and change the iframe's src attribute. What happens is the iframe loads fine initially, but when you click on any link in the iframe that would redirect to another page, the same error above shows up.
I can provide snippets and more info if needed.

How to debug Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

I am running Chrome 67 and I have a website broken -- but working when in anonymous mode. Obviously it's an extension. But which. I have the website whitelisted in ublock origin and yet Console says https://www.example.com/static/js/omniture/s_code_prod.js Failed to load resource: net::ERR_BLOCKED_BY_CLIENT Of course omniture is ad-like but I even tried to disable uBlock origin and restarting the browser. Still not working. Is there a way to figure out which extension blocks it?

Loading JS flot external resources using JSFiddle

I'm trying to create a JSFiddle loading external resources (Flot). However, when I add my external resource:
http://www.flotcharts.org/flot/jquery.flot.js
I get this alert error in JSFiddle
You're loading resources over HTTP not HTTPS, your fiddle will not work. Do you wish to continue?
However, the https version of flot,
https://www.flotcharts.org/flot/jquery.flot.js
has security warnings associated with it (in Chrome, the error is listed as "Your connection is not private"). What is the proper way to extenrally load flot into a JSFiddle?
When you're creating a fiddle, JSFiddle requests HTTPS content but it does not need it.
Create your fiddle using https://jsfiddle.net (Click ok on the warnings when adding your http:// external resources) and click save.
Once you click save, you'll be redirected to your JSFiddle saved URL. On this URL, just change https:// to http:// and it will work.
Example here http://jsfiddle.net/kL1wuh66/1/

Failed to load a resource: The network connection was lost

The Safari 7 is unable to load our secure page. The developer tool shows the status code 200 but blank page is displayed. When we disabled the Java Script in browser then page loads properly. So we believe that there must be some problem in handling javascript in Safari 7. The console only displays:
"Failed to load a resource: The network connection was lost."
All other browsers are displaying the page properly.
Finally we found a root cause of this issue.
The culprit was "Transfer-Encoding" response header. We disabled Chunking (Glassfish - Network config - click on http-listener - http tab) in Glassfish and it worked properly.
Hope this helps.

Resources