HTML and CSS resource pathing on Android

ionic-v1
1

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:

../img/list-item-thumb-ph.gif

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

img/list-item-thumb-ph.gif

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).

Thanks!

2

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 https://www.jshybugger.com/#!/docs

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