HTML and CSS resource pathing on Android

I have 2 questions regarding HTML and CSS resource (in this case, images) paths.
I can succesfully debug my app on android 4.2.2 using Crosswalk (this is so awesome…) and I can edit the HTML img src attribute to experiment with pathing.

Question 1

What I am finding is that the following paths work mutually excusive, either on my desktop OR on android:


works for me on my local machine using ionic serve, but


works on android 4.2.2 using crosswalk.

How can get my images to show up both on my local development machine and on Android?

Question 2

Then in CSS, the issue is even more mystified for background images. On my local development machine, this CSS background image property works and shows up for any .ht-list-item :smile:

.ht-list-item::after {
  content: "";
  background: url('../img/list-item-bg.jpg') no-repeat;
  background-size: 100% auto;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   

As you can guess, this doesn’t work on Android. What should the url component path look like? I can remember that Android approached paths as file:// urls, but i have no clue as to how to properly point to my img folder (neither relative NOR absolute).


Question 1 is solved ! This was probably due to a previous plugin, jsHybugger removing the internet permission in the android manifest file: see section 2.1!/docs

<uses-permission android:name="android.permission.INTERNET" />