Giter Site home page Giter Site logo

Comments (10)

zombieFox avatar zombieFox commented on July 29, 2024 2

Understood. So this is a security feature used by Firefox (and maybe other browsers) which prevents loading of certain files when run locally. As nightTab grows in complexity some features might only be available when installed as an addon/extension.

My advice would be to install nightTab through the web-stores:
Chrome Extension
Firefox Add On

You should be able to export your data using the built in JSON export controls in the menu. And then reload them when the addon/extension is installed.

from nighttab.

Munkenmo avatar Munkenmo commented on July 29, 2024 2

I don't mind swapping over to the add on, I'd only stuck with manual install out of habit.

It appears that the background picture now has to be loaded from a url? I've tried loading my old background :

file:///C:/Users/Documents/NightTab/background/Background.png

and it seems nothing happens at all, not even an error in the dev console. Is local hosting the background image still possible?

from nighttab.

zombieFox avatar zombieFox commented on July 29, 2024 2

Yes that is correct. Local images became difficult or impossible due to Extension/Add On security restrictions. So I removed the feature.

As it happens I've been working on an alternative solution (still a WIP). Loading a local file and setting it as a Base64 encoding background. It's still in the works but will be done in a few days.

I'll aim to release an update in a week or so. Hopefully after the white flash issue is resolved too.

from nighttab.

Munkenmo avatar Munkenmo commented on July 29, 2024 2

Awesome, I'll keep an eye out for the next release.

Thanks for all your work on this, the progress has been amazing.

from nighttab.

zombieFox avatar zombieFox commented on July 29, 2024 2
  • Icon issue was related to loading nightTab locally and can't be resolved as this is a browser security restriction.
  • Selecting a local file as a background is now live in v3.61.0 on Chrome and Firefox extension.

Closing this issue ticket.

from nighttab.

zombieFox avatar zombieFox commented on July 29, 2024 1

Thanks for the feedback and alerting me to this issue. I've ran some tests using the following conditions:

  • MacOS 10.14.5
  • Firefox 68.0

And I can not replicate this issue. Icons and fonts are loading correctly.

It looks like you may be using Windows 10(?), unfortunately I don't have access to a Windows computer so can't investigate.

Can you please open the developer tools. From there make sure you are looking at the Console tab. Can you see any errors or warnings?
Thanks for helping.

from nighttab.

Q-out avatar Q-out commented on July 29, 2024 1

Yes, that's correct. Maybe @Munkenmo can confirm if they're also loading from a file.
For the record, I'm on

  • Windows 10 1809
  • Firefox Version 68.0
  • nightTab Version 3.30.6

The warnings link to this page https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp

from nighttab.

Q-out avatar Q-out commented on July 29, 2024

There's 14 warnings, 1 per file loaded from the fonts directory. They all go like this.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Firefox%20Homepage/src/fonts/fjalla-one/fjalla-one-regular.ttf. (Reason: CORS request not http).

Icons load fine when I load NightTab from the extension (I used a separate profile in FF to check).

from nighttab.

zombieFox avatar zombieFox commented on July 29, 2024

Just so I am clear, these errors only appear/icons and fonts don't load when using nightTab locally from a file and not as an installed add on?

from nighttab.

Munkenmo avatar Munkenmo commented on July 29, 2024

Can confirm I also have a manual installation, not the add-on.

Edit, yes, I use Windows 10.

My errors are :

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Documents/NightTab/fonts/fa/fa-brands-400.woff2. (Reason: CORS request not http).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Documents/NightTab/fonts/fa/fa-brands-400.woff. (Reason: CORS request not http).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Documents/NightTab/fonts/fa/fa-brands-400.ttf. (Reason: CORS request not http).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Documents/NightTab/fonts/fa/fa-solid-900.woff2. (Reason: CORS request not http).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Documents/NightTab/fonts/fa/fa-solid-900.woff. (Reason: CORS request not http).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/Documents/NightTab/fonts/fa/fa-solid-900.ttf. (Reason: CORS request not http).

from nighttab.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.