如何在WebView中保持CSS持久性

时间:2011-08-09 18:27:48

标签: javascript android css webview

这是我想要遵循的代码; onPageFinished(WebView视图,String url)我用来将我自己的css注入外部站点。不幸的是,Webview首先渲染页面,然后应用CSS。如何在显示页面之前等待页面呈现然后应用javascript?

WebClient HTTP是否有更简单的方法获取并将CSS重定向到本地?

提前感谢您的建议!

com.webkitdemo;

import android.app.Activity;
import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.view.Window;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebKitDemo extends Activity
{
final Activity activity = this;

@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
this.getWindow().requestFeature(Window.FEATURE_PROGRESS);
setContentView(R.layout.main);

//addition final webview

final WebView webView = (WebView)findViewById(R.id.web_engine);  
/* JavaScript must be enabled if you want it to work, obviously */  
webView.getSettings().setJavaScriptEnabled(true);  




webView.setWebChromeClient(new WebChromeClient() {
public void onProgressChanged(WebView view, int progress)
{
activity.setTitle(" Loading...");
activity.setProgress(progress * 100);

if(progress == 100)
activity.setTitle(R.string.app_name);
}
});

webView.setWebViewClient(new WebViewClient() {
@Override
public void onReceivedError(WebView view, int errorCode, String description, String                       failingUrl)
{
// Handle the error
}

//additions

@Override 
public void onPageFinished(WebView view, String url)  
{  
  webView.loadUrl("javascript:(function() { " +  
      "document.getElementsByTagName('body')[0].style.color = 'green'; " +  
      "})()"); 
}  
//

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url)
{
webView.loadUrl(url);
return true;
}



});
webView.loadUrl("http://code.google.com");
}}

1 个答案:

答案 0 :(得分:-1)

在样式更改代码之前添加此内容。这样,它只会在页面加载完成后执行。

var oldonload = window.onload;
if (typeof window.onload != 'function')
    {
    window.onload = yourfunctionhere();
    } 
else 
    {
    window.onload = function()
    {
    yourfunctionhere();
    oldonload();
    }
}
相关问题