WebView加载html并修改页面内容，及获取Html源码

最新推荐文章于 2024-08-11 13:20:20 发布
最新推荐文章于 2024-08-11 13:20:20 发布
阅读量4.8k 收藏 6
点赞数
分类专栏： WebView 文章标签： WebView加载Html调整页面 webview获取html源码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m5157/article/details/89393735
版权

最近一个项目中有Android与js交互，中途js跑路了，一些小的功能就要Android完成了，webview加载html展示的时候，有的时候html页面上的一些内容需要做一些调整，高高手一般都会编辑一些js脚本人后注入到页面进行操作修改，，

可惜我不在哪个范畴内，就只能自己捣鼓捣鼓了，下面是修改html页面中的button大小

cssCode =
        "input[id=\"btnAttachAdd\"]{\n"
                + "font-size:30px;margin:15px;height:50px"
                + "}\n"
                + "input[id=\"btnSave\"]{ font-size:30px;margin:15px;height:50px}"
                + "input[id=\"btnPrint\"]{ display:none}"
                + "input[id=\"btnFlowDes\"]{ font-size:30px;margin:15px;height:50px}"
                + "input[id=\"btnHistory\"]{ font-size:30px;margin:15px;height:50px}"
                + "input[id=\"btnSendBack\"]{ font-size:30px;margin:15px;height:50px}"
                + "input[id=\"btnCirculate\"]{ font-size:30px;margin:15px;height:50px}"
                + "input[id=\"btnCirculateComplate\"]{ font-size:30px;margin:15px;height:50px}"
                + "input[id=\"btnSend\"]{ font-size:30px;margin:15px;height:50px}"
                + "div[class=\"modtitle_text dialogtitle\"]{font-size:20px}"
                + "div[class=\"tbf\"]{width:95%}"
                + "table[class=\"t_tbl\"]{font-size:25px;width:100%}";
byte[] buffer = cssCode.getBytes();
cssCode = Base64.encodeToString(buffer, Base64.NO_WRAP);
view.loadUrl("javascript:(function() {"
        + "var parent = document.getElementsByTagName('head').item(0);"
        + "var style = document.createElement('style');"
        + "style.type = 'text/css';" + "style.innerHTML = window.atob('"
        + cssCode + "');" + "parent.appendChild(style)" + "})();");

这个样子的；

 

还有一些呢，需要我们获取到Html的源码，然后怎么获取到源码呢？

看这了：

先是一些必要的设置

webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new InJavaScriptLocalObj(), "java_obj");
webView.setWebViewClient(new WebViewClient());

这些大家都知道，就不解释了，接下来

webView.setWebViewClient(new WebViewClient(){

    @Override
    public void onPageFinished(WebView view, String url) {
        view.loadUrl("javascript:window.java_obj.getSource('<head>'+" +
                "document.getElementsByTagName('html')[0].innerHTML+'</head>');");
        super.onPageFinished(view, url);
    }
});

然后接口实现一下就玩完了

final class InJavaScriptLocalObj {
    @JavascriptInterface
    public void getSource(String html) {
        Log.d("html=", html);
    }
}

哦哦哦，对了，上面加上

webView.loadUrl("写入你需要获取源码的HTML");

注意：权限

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

鉴于这个世界还是懒人居多，那么小弟在此奉上一个获取html源码完美运行的demo地址:https://download.csdn.net/download/m5157/11127783

 

茄子凉心
关注
专栏目录
Android开发WebView之加载HTML源码修改HTML字体大小以及缩放HTML的方法
xiayiye5的博客
07-11 1959
老套路上图： 再看下缩放功能： 先说下设置HTML网页字体大小的方法： //设置网页字体大小 webview.getSettings().setTextSize(WebSettings.TextSize.LARGEST);//已弃用，默认值为100也就是不放大字体 //新方法 webview.getSettings().setTextZoom(250);默认值为100也就是不放大字体 再看下缩放方法： // 设置可以支持缩放，两个方法必须同时设置，设置后或出现放大加号.
h5 加载完成_Webview加载H5优化小记
weixin_39531178的博客
11-22 621
Webview加载H5优化小记行到水穷处，坐看云起时原文链接一、概述1、背景鉴于H5的优势，客户端的很多业务都由H5来实现，Webview成了App中H5业务的唯一载体。WebView组件是iOS组件体系中非常重要的一个，之前的UIWebView 存在严重的性能和内存消耗问题，iOS 8之后推出WKWebView，旨在代替UIWebView；WKWebView在性能、稳定性、内存占用上有很大的提升...
webview获取html源码
08-23
webview获取html源码，解析xml，完成 html和webview的交互。
通过WebView获取访问网页的源代码
tfy1332的专栏
04-05 1383
1） 在layout.xml文件中布局webview控件 （略）  2） 在Activity中获取webview控件，并进行初始化  Java代码   mWebView = (WebView) findViewById(R.id.web);      mWebView.addJavascriptInterface(new MyJavaScript(), "HTML
[python] 如何获取网页源代码
最新发布
2301_79265660的博客
08-11 230
其中“https://www.baidu.com”是地址，也可以修改成其他的URL。然后新建Python文件。一个简单的爬虫就做好了。安装requests。
android WebView 获取HTML源码
islamabad8的专栏
09-10 2660
步骤： 1、在WebView初始化的时候加： webView.addJavascriptInterface(new InJavaScriptLocalObj(), "java_obj"); 2、在onPageFinished(WebView view, String url)方法中加： view.loadUrl("javascript:window.java_obj.getSource...
Android： 在WebView中获取网页源码
v5browser
11-14 109
 使能javascript： ? 1 webView.getSettings().setJavaScriptEnabled(true); 2. 编写本地接口 ? 1 2 3 4 5 final class InJavaScriptLocalObj {     public void sho...
获取webview内容并解析
10-12
获取webView当前当前加载的网页源码内容，并动态解析html,查找特定元素并修改其部分属性。博客地址：http://blog.csdn.net/abc6368765/article/details/52797111
flutter 解析html文件,Flutter WebView加载本地html的问题
weixin_29664739的博客
06-28 1339
最近项目中，用到了flutter中的webview加载带有echarts控件的html文件，但是发现图表一直无法显示，通过查询相关资料，分析apk包文件，知道了是由于flutter项目中的文件打包后的路径发生变化，造成找不到相关依赖，特此记录一下，使用下面这个方法便可以解析出Android和IOS打包后的apk中资源文件的实际位置。///获取打包后的资源文件实际路径///如assets/files...
android 拦截webview加载url_Android WebView拦截且更改Url
weixin_36190910的博客
01-26 1253
最近做项目，遇到一个需求，因为是国际化项目，在新的国家部署机房，在该机房部署的H5域名和原来的不一样，要求客户端拦截H5，并更改Host。尝试了几种方案如下：重写WebView loadUrl()方法，在该方法中更改Url。@Overridepublic void loadUrl(String url) {......url = convertUrl(url);......// 必须调用super...
[转帖]通过WebView获取访问网页的源代码
03-25
NULL 博文链接：https://dai-lm.iteye.com/blog/1158470
获取移动端webview运行网页的源码
04-02
有时候我们想知道网页在移动端运行之后，代码标签显示什么样的。 比如chrome浏览器 ，用手机模式调试出来的不是正真在移动设备上 运行之后的效果，但是我们要看到在移动端运行之后的源码标签 。 我们需要有一款插件或者功能可以看到代码标签。从而更好的定位和调试网页。
webview获取HTML源码
04-19
webview获取HTML源码，网上获取源码的比较多，过时的不过时的，看完自己出了一个简单好用的。
Android WebView获取源码
08-30
Android使用WebView获取网页的源码，将WebView封装进ArthurWebView，直接创建并初始化即可使用！
webview 修改html,java – 如何使用Http Post从WebView检索和修改HTML内容
weixin_28285943的博客
06-03 182
我正在开发一个Android应用程序,显示HTML页面的一部分.对于第一步,我使用问题How to retrieve HTML content from WebView提供的代码.>完整的html图片 >那部分我想展示 /* An instance of this class will be registered as a JavaScript interface */class My...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值