javascript - DOM manipulation from webview

Question

I tried to manipulate stackoverflow DOM element from my webclient in my android app but it didn't work my webclient

    public class WebClient extends WebViewClient
{
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }

    @Override
    public void onPageFinished(WebView view, String url)
    {
        // Obvious next step is: document.forms[0].submit()
        view.loadUrl("javascript:document.getElementsByClassName('bb bc-black-050')[0].style.backgroundColor='red'");
    }
}

my activity

public class WebViewJava extends AppCompatActivity {
    private static final String TAG = "WebViewJava";
    WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view_java);
        webView=findViewById(R.id.webView);
        webView.setWebViewClient(new WebClient());
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("https://stackoverflow.com/company");
    }
}

the results are : once the application is launched

after few seconds but what i was expecting is something like this enter image description here

Answer 1

等待大神答复