javascript - 在 Android 应用中添加 css 和 javascript

标签 javascript android html css android-studio

我正在开发将显示事件倒计时的 anroid 应用程序。为此我使用了 html、css 和 java 脚本,它在普通 html 中工作正常。但是当我把它放在 android studio 中时,它显示 html带有 WebView 的页面,但它没有添加 css 广告 javascript。我将 java 脚本和 css 放在同一目录中。这是代码

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


</head>
<body>

	<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(){
	FlipClock.Lang.Custom = { days:'Days', hours:'Hours', minutes:'Minutes', seconds:'Seconds' };
	var opts = {
		clockFace: 'HourCounter',
		countdown: true,
		language: 'Custom'
	};  
	var countdown = 1495943700 - ((new Date().getTime())/1000); // from: 05/28/2017 09:55 am +0600
	countdown = Math.max(1, countdown);
	$('.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;
        }
    }
}

最佳答案

您必须有两个文件夹,您的“索引”位于其中。可能发生的情况是外部踩到内部,所以你应该将 javascript 和 css 的引用放在内部。如果这不起作用,请尝试将引用放在外面。

问候。

关于javascript - 在 Android 应用中添加 css 和 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44208170/

相关文章:

java - Android6.0 WifiManager.getScanResults()

android - 无法检测用户 Activity 转换,使用广播接收器

android - 如何杀死子 Activity 并将 Activity 带到堆栈顶部

html - CSS3 菜单显示错误 (CSS3/HTML5)

html - 我想同时使用绝对位置和粘性位置。那可能吗?如果是,那么如何?

javascript - 可以使用解构赋值来影响 CoffeeScript 中的投影吗?

javascript - 覆盖 jQuery 函数 - 最佳实践

javascript - 你如何从 ruby​​ 打印出 NULL 到 javascript?

JavaScript - 获取两个日期之间的分钟数

html - Firefox 没有显示按钮(图像)