在Android应用程序中添加CSS和JavaScript

我正在开发和anroid应用程序，它将显示事件的流行。为此，我使用了html，css和java脚本，它在正常的html中正常工作。但是当我将它放入机器人工作室，它显示的WebView的HTML页面，但它不会添加的CSS广告的JavaScript用它。我把Java脚本和CSS在同一directory.Here是代码在Android应用程序中添加CSS和JavaScript

<html> 
 
<head> 
 
\t <link type="text/css" rel="stylesheet" href="flipclock.css" /> 
 

 

 
</head> 
 
<body> 
 

 
\t <div class="clock-builder-output"></div> 
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
 
<script type="text/javascript" src="flipclock.js"></script> 
 
<style text="text/css">body .flip-clock-wrapper ul li a div div.inn, body .flip-clock-small-wrapper ul li a div div.inn { color: #CCCCCC; background-color: #333333; } body .flip-clock-dot, body .flip-clock-small-wrapper .flip-clock-dot { background: #323434; } body .flip-clock-wrapper .flip-clock-meridium a, body .flip-clock-small-wrapper .flip-clock-meridium a { color: #323434; }</style> 
 
<script type="text/javascript"> 
 
$(function(){ 
 
\t FlipClock.Lang.Custom = { days:'Days', hours:'Hours', minutes:'Minutes', seconds:'Seconds' }; 
 
\t var opts = { 
 
\t \t clockFace: 'HourCounter', 
 
\t \t countdown: true, 
 
\t \t language: 'Custom' 
 
\t }; 
 
\t var countdown = 1495943700 - ((new Date().getTime())/1000); // from: 05/28/2017 09:55 am +0600 
 
\t countdown = Math.max(1, countdown); 
 
\t $('.clock-builder-output').FlipClock(countdown, opts); 
 
}); 
 
</script> 
 

 
</body> 
 
</html>

这里WebView

public class MainActivity extends AppCompatActivity { 
 

 
    @Override 
 
    protected void onCreate(Bundle savedInstanceState) { 
 
     super.onCreate(savedInstanceState); 
 
     setContentView(R.layout.activity_main); 
 
     String url = "file:///android_asset/www/index.html"; 
 
     WebView view = (WebView)this.findViewById(R.id.webView); 
 
     view.getSettings().setJavaScriptEnabled(true); 
 
     view.loadUrl(url); 
 
     view.setWebViewClient(new MyBrowser()); 
 
    } 
 
    private class MyBrowser extends WebViewClient { 
 
     @Override 
 
     public boolean shouldOverrideUrlLoading (WebView view,String url){ 
 
      view.loadUrl(url); 
 
      return true; 
 
     } 
 
    } 
 
}

来源

2017-05-26 Faisal Alam Apu

请编辑你的问题，并显示你如何加载这个内容到'WebView'中。 – CommonsWare

您必须有两个文件夹“索引”位于其中。可能发生的情况是外部正在加入内部，所以你应该把javascript和css的引用放在内部。如果这不起作用，请将参考文献放在外面。

问候。

来源

2017-05-26 19:14:02

要加载外部CSS和JavaScript文件，您需要使用类似的网址结构，就像您将网址加载到网页视图中一样。例如，您使用：

String url = "file:///android_asset/www/index.html";

作为该文件的URL。要加载JavaScript，假设它是在同一个/asset/www/目录，你会在HTML说：

<script type="text/javascript" src="file:///android_asset/www/flipclock.js"/>

一个样式表文件将被加载为：

<link rel="stylesheet" type="text/css" href="file:///android_asset/www/myCss.css"/>

顺便说一句，要运行注入JavaScript的上即时预-KIT-KAT，用途：

webView.loadUrl("javascript:(function(){####JSGOESHERE####})();");

和-KIT后KAT使用：

webView.evaluateJavascript("####JSGOESHERE####", null);

来源

2017-05-27 08:41:31 fattire

在Android应用程序中添加CSS和JavaScript

回答

相关问题