Comments (3)
That's a very nice question.
There is currently no way of directly including resource types other than JS and CSS. However, you could try one of these tricks:
- embed the resource into your JS file: here's an example. You'd just need to get a base64 representation of the image;
- embed the resource into your CSS file: this article shows an example. The same conversion to base 64 applies;
- use the local web server to retrieve the image: since Witchcraft relies on a local web server running, that same web server can be used by your script to load an image, so you don't have to embed it like the two previous options. Move the resource to the same folder where your Witchcraft scripts live, open your Witchcraft pop-up window, copy the web server address from there, then append to it the name of your resource file (e.g.
http://127.0.0.1:5743/foo.png
). You can then reference this address in your JS or CSS to load your image directly.
I'd go with the last option, which seems to be the easiest. Please let me know if you were able to do it.
from witchcraft.
Added this question to the FAQ. I am closing the issue, but please feel free to continue the discussion if you'd like to.
from witchcraft.
Notice that you may have run into CORS issues when trying to fetch resources from http://127.0.0.1:5743
. Configure your HTTP scripts server to set the proper CORS headers.
If using the recommended Web Server Chrome app, open its settings, click "Show Advanced Options" and then check the "Set CORS headers" option:
from witchcraft.
Related Issues (20)
- Quick item... code example on your homepage HOT 1
- Cannot assign variables to the window or document scope? HOT 1
- Google analytics is causing couples of issues HOT 11
- The js and css modification is not being picked up by the extension without reloading the page HOT 2
- Quick question: Is it possible to match chrome extensions (i.e. options pages or the LastPass vault)? HOT 2
- Background being unloaded by Chrome due to inactivity
- Question: Disable / unload scripts from running -- str.replace HTML before page is loaded ? HOT 2
- Cannot remove once added script even after deleting file HOT 2
- Support for glob matching HOT 3
- Wildcard support? HOT 3
- File path resolution? HOT 8
- add locally stored custom css/js HOT 1
- Files are still being cached HOT 2
- The script list has not been loaded HOT 5
- How to get a reference to the page level global scope? HOT 1
- Chrome doesnt remember the host url
- Very Basic Question
- Chrome Web Server Alternatives HOT 4
- check if scripts exist (v3 branch)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from witchcraft.