Vijay Vijay - 1 year ago 183
Android Question

Loading jQuery from local assets in Android for a remote html page

I'm trying to read a local javascript file (jQuery) stored in assets from an Android webview. I do not want to load-with-base-url since my images and html are served remotely.

To Summarize :
- Load local jQuery (in assets folder) into a remotely loaded page in Android webview.

After long hours of browsing going in vain, I decided to put up this question here. Please help.


Answer Source
  1. Define a Javascript Interface like the one below that will read your jquery file from assets directory

    class JavaScriptInterface {
        public String getFileContents(){
            return readAssetsContent("jquery.js");
  2. Update WebView to enable JavaScript and to add JavaScriptInterface defined previously...

    webView.addJavascriptInterface(new JavaScriptInterface(), "android");
  3. Add javascript code snippet in your remote HTML to read the jquery file content through android JavaScript Interface...

    <script type="text/javascript">
    var s = document.createElement('script');
    s.innerHTML =;
    //check if jquery is loaded now...
    if(typeof $ != "undefined") {
        $(document).ready(function() {
    } else {
        document.body.innerText = "jQuery NOT loaded";
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download