Use Chrome to visit github, can not load css and j

2019-06-23 16:02发布

问题:

my chrome version:50.0.2661.75 m visit GitHub, can not load css and javascript error:

CSS stylesheet from origin 'https://assets-cdn.github.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://github.com' is therefore not allowed access.
github.com/:1 Script from origin 'https://assets-cdn.github.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://github.com' is therefore not allowed access.
github.com/:1 CSS stylesheet from origin 'https://assets-cdn.github.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://github.com' is therefore not allowed access.
github.com/:1 Script from origin 'https://assets-cdn.github.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://github.com' is therefore not allowed access.

I test IE 11 and old version chrome(49.0.2623.112 m), it is ok.

回答1:

I know this happened to me to so I created a Chrome Extension to fix that. Instructions to install it are below.

How To Install The Extension

1. Download This Free
2. Press the link to download the crx file
3. Type chrome://extensions in the URL box and hit Enter
4. Open the location where the .crx file saved
5. Drag & Drop the .crx file into the chrome://extensions website
6. While you are hovering the .crx file in the website it will show Drop file here to install
7. Once you drop the .crx file it will show Add extension & Cancel
8. Press Add extension
9. Your Done
10. Now just goto Github and it should work with all the CSS/JS loaded.

Want to request a website for me to fix email me here and I will add support for that website on the Extension.

The CSS/JS not loading is because I'm pretty sure that google is trying to stop Cross-Origin loading they said it was for security reasons. I'm not sure though but the extension I created will fix that on github... The extension has recently been made so im still trying to fix some of the bugs


Update: Ok I just updated the extension I fixed the bugs now and it works perfectly I added a Automatic Update feature so when I update it it will automatically detect and update to the latest version. If it you can download the new version Here you only need to download and install this extension once after that it will automatically update to the latest version if you want to manually update follow the instructions below

How To Manually Update The Extension

1. Goto chrome://extensions
2. Look on the Top Right of the page
3. Check the box that says Developer Mode
4. Click Update Extensions now the button is located right under the checkbox that says Developer Mode
5. The extension is now updated.
Enabling the Developer Mode Checkbox won't harm anything it just used for mostly extension/app developers


If you don't want to enable the developer mode you don't have to but it will take a few hours for it to detect the updated version of the extension.

Sorry Im trying to fix the extension again it stopped working

It is working for good now