Issue: Website layout is broken in Chrome by this extension

[Magikarplvl4]

If experiencing this issue still, please do the following →

29 MAR 2020 09:40 PM — To fix, enable Developer mode in Web to Plex's Advanced settings

Describe the error

Its look like sites that aren't the Web to Plex website getting broken by the last version of this plugin. if a unstall the plugin everything is fine.

Edit: It looks like sites that aren't Web to Plex are broken by the latest version. If I uninstall the extension, everything works fine.

To Reproduce

1. Go to a website (for example GitHub)
2. See error

Estimated location

Uncaught SyntaxError: Unexpected token '<' VM72:18
0P

Screenshots

Extension Information

• Version: 4.1.2.4
• Source: store
• Browser: chrome

[Ephellon]

Hi. Not able to reproduce this error. Could you take a look at your console with Developer Mode enabled please?

Domain not acknowledged "github.com"

[Ephellon]

[Ephellon]

[Ephellon]

I'm not sure if this is a language error (maybe it runs on sites not in English?). Normally, there would be an injected stylesheet from the extension →

Can't find injected stylesheet (Tweakers → https://tweakers.net)

---

Found injected stylesheet (Web to Plex → https://webtoplex.github.io)

[Ephellon]

The unexpected token error VM72:18 can be from anything running eval.

Assuming error is in 0P — it's the only script that embeds CSS

[Ephellon]

Hi @PotatoQuality, could you take a look at my comment?

[Magikarplvl4]

Hi @Ephellon, issues as being fixed after reinstalling the plugin. Thanks for your quick help <3

[Ephellon]

Not sure how this keeps happening...

[Ephellon]

Notes to self:

1. plugn.js runs normally, though it still injects on sites not run (most likely the culprit)
2. All CSS files require the web-to-plex class to be present in some form or fashion...
3. All domains not accepted kill quietly (as intended)

[Ephellon]

ok that is really weird. As soon as I turn on developer mode and refresh the IMDB page the format is fine. I'm gonna do it without refreshing the page.

Originally posted by @sp00kie in #168.605748176

It seems Developer mode fixes the issue, but no idea why... Will investigate

[Ephellon]

Possibly remote styling, though it still doesn't recreate the problem for me...

[Ephellon]

Fixed. Problem was in plugn.js as suspected. Remote calls were not filtered and inserted HTML

[Ephellon]

Reopening so that I can pin the issue for other users to see

[Simpuhl]

All websites are broken unless i uninstall or don't allow addin to access that website.

Why does it need access to all websites anyway? it should only need the ones it works with.

I really liked the old 3.4 version, so much simpler.

[Ephellon]

FAQs — Why does the extension want access to all sites?

This permission is used to communicate with HTTPS served pages. In latent terms, if you want to use https://localhost:32400 (Plex), the extension needs permission to communicate with https://localhost. By accessing all URLs, sites can be added much easier, without having to send multiple prompts for access to the same site (i.e. HTTPS v. HTTP served pages).

[Luckz]

Uncaught SyntaxError: Unexpected token '<'

6 Refused to load the font '<URL>' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

165:1 Refused to load the font 'https://webtoplex.github.io/font/Plex.woff2' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

165:1 Refused to load the font 'https://webtoplex.github.io/font/Plex.woff' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

165:1 Refused to load the font 'https://webtoplex.github.io/font/Plex.bold.woff2' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

165:1 Refused to load the font 'https://webtoplex.github.io/font/Plex.bold.woff' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

165:1 Refused to load the font 'https://github.com/font/Glyphicons.woff' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

165:1 Refused to load the font 'https://webtoplex.github.io/font/Glyphicons.woff' because it violates the following Content Security Policy directive: "font-src github.githubassets.com".

Still really crazy without that dev mode. (you wrote about it only here: webtoplex#5 (comment) ; it should probably be on by default while this version is so unstable)