WebView设置字体颜色, 字体大小,背景

最新推荐文章于 2022-09-05 14:23:03 发布
最新推荐文章于 2022-09-05 14:23:03 发布
阅读量2k 收藏
点赞数
分类专栏： iOS学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuhao111122/article/details/50560876
版权

1.第一种方式：在WebView的代理方法webViewDidFinishLoad中：

字体大小： [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName(‘body‘)[0].style.webkitTextSizeAdjust= ‘12%‘"];

字体颜色：[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName(‘body‘)[0].style.webkitTextFillColor= ‘green‘"];

背景颜色：[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName(‘body‘)[0].style.background=‘#F6F7F3‘"];

2.第一种方式：在下面可以通过改变margin大小来改变webview文字距离边距大小，13代表字体大小，self.strBookTips是要被操作的字符串。

    NSString *BookStr = [NSString stringWithFormat:@"<html> \n"

                         "<head> \n"

                         "<style type=\"text/css\"> \n"

                         "body {margin:10;font-size: %d;}\n"

                         "</style> \n"

                         "</head> \n"

                         "<body>%@</body> \n"

                         "</html>",13,self.strBookTips];

[self.webView loadHTMLString:BookStr baseURL:nil];

3.第三种方式，这种缺少了改变背景颜色

    NSString * formatString = @"<span style=\"font-size:13px;color:#7E7C8A\">%@</span>";

    NSString * htmlString = [NSString stringWithFormat:formatString,self.strBookTips];

[self.webView loadHTMLString:BookStr baseURL:nil];

jack_yuh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Anaroid WebView详解大全
我的博客
10-30 1308
资源描述: 1.android提供了webView控件专门用来浏览网页。 然后在程序中装载webView控件，设置属性，比如：颜色、字体、要访问的网址等。通过loadUrl方法设置当前webView需要访问的网址。在创建WebView时，系统有一个默认的设置，我们可以通过WebView.getSettings来得到这个设置。   2.下面是设置一些常用属性、状态的方法 Web
android webview 设置文字颜色,如何在android中设置webview的文本颜色
weixin_30722051的博客
05-26 375
Furqi..11你必须像这样给出该文件的路径.String extStorageDirectory = Environment.getExternalStorageDirectory().toString() + "/folder_name";File directory = new File(extStorageDirectory);File fileInDirectory = new Fil...
Webview扩展之改变字体大小
小磊's blog
01-04 2471
改变WebView字体大小效果：    直接上代码： package com.example.zhihuibj.BaseMenuDetailPager.MenuDetail; import java.util.ArrayList; import com.example.zhihuibj.R; import com.example.zhihuibj.WebViewActivit
android 关于webview的小小总结
FireAny2010的专栏
12-02 1925
1.android提供了webView控件专门用来浏览网页。 然后在程序中装载webView控件，设置属性，比如：颜色、字体、要访问的网址等。通过loadUrl方法设置当前webView需要访问的网址。在创建WebView时，系统有一个默认的设置，我们可以通过WebView.getSettings来得到这个设置。 2.下面是设置一些常用属性、状态的方法 WebSettings常用方法：...
webview 修改字体颜色大小背景 js实现
08-26
本文将深入探讨如何使用JavaScript在Webview中动态地修改字体颜色、大小和背景色，以提供更好的用户体验。 一、Webview基本概念 Webview是Android和iOS系统中的一个组件，它为应用程序提供了在本地环境中展示HTML...
这是一份全面&详细的Webview使用攻略
04-17
* WebSettings 类：用于设置 WebView 的基本属性，例如字体大小、背景颜色等 * WebViewClient 类：用于处理 WebView 中的页面加载、渲染、交互等事件 * WebChromeClient 类：用于处理 WebView 中的 JavaScript 交互...
IconFontDemo
04-30
- **响应式设计**：自定义字体库允许图标随容器大小变化，适用于响应式布局。 3. **IconFontDemo项目结构分析**： - **HTML文件**：包含`<i>`或`<span>`标签，用于展示图标，通过CSS类名指定图标。 - **CSS文件*...
Android-基于WebView的富文本编辑器-Android
08-13
富文本编辑器允许用户不仅能够输入文字，还能进行字体、颜色、大小、对齐方式等多样的格式设置，类似于PC上的Word或网页编辑器。在Android原生控件中，并没有直接提供这样的功能，但开发者可以借助WebView来构建一个...
Android手机阅读器源代码
09-19
至于文本显示，Android的`TextView`是基础控件，可以设置字体、颜色、大小等属性。为了优化阅读体验，可能还会涉及文字排版、行间距调整、夜间模式切换等功能。对于特殊格式的文本，如Markdown，可能需要借助第三方...
Android中WebView的属性大全
蓝色的天空的博客
11-07 2833
1.android提供了webView控件专门用来浏览网页。 然后在程序中装载webView控件，设置属性，比如：颜色、字体、要访问的网址等。通过loadUrl方法设置当前webView需要访问的网址。在创建WebView时，系统有一个默认的设置，我们可以通过WebView.getSettings来得到这个设置。2.下面是设置一些常用属性、状态的方法 WebSettings常用方法： setA
android webview加载html 适配,完美解决WebView加载HTML代码适配问题
weixin_42372573的博客
05-27 1533
1、WebView不会自动换行，它会把连在一起的字母当成一个表情或者单词，或者，当遇到一个完整的URL链接时，会强制把URL放在一行,导致WebView可以左右滑动解决方法：这中问题不是WebView设置能够解决的，我们需要改动HTML的代码,在返回的HTML代码前直接拼接下边代码：//就是有时候web view不会自动换行，它会把连在一起的字母或者表情当作是一个单词，// 直接显示在后面，不自动...
Android webview设置背景透明，去掉白色
wangqing830414的专栏
09-05 3037
未设置webview的背景色，默认显示的是纯白色（#fff）的底，解决方法可以通过以下的几种方式进行设置，其中我是第一种方式就设置好了的。
设置webview背景色
mtc1256的专栏
08-16 5119
webView.setBackgroundColor(Color.parseColor("#000000"));
【Android】WebView设置背景色
热门推荐
秦时明月
06-27 2万+
【Android】WebView设置背景色
修改webView的字体颜色，大小，背景色
CSND_GO
03-07 1342
//字体大小     [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '330%'"];     //字体颜色     [webView stringByEvaluatingJavaScrip
设置webview 的字体大小,字体颜色和页面背景
lifeidasheng002的专栏
11-03 1207
在webView的delegate回调方法-webViewDidFinishLoad:(UIWebView*)webView;中写上一下语句即可     //字体大小     [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.web
iOS WKWebView设置文字和图片大小
yanPingWang_8的博客
04-28 2084
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc]init]; WKPreferences *preferences = [[WKPreferences alloc]init]; preferences.javaScriptCanOpenWindowsAutomatically = ...
android webview 修改字体颜色
最新发布
06-07
要修改 Android WebView 中的字体颜色，可以通过设置 WebView 的 CSS 样式来实现。以下是一些代码示例： 1. 在 HTML 页面中设置 CSS 样式： ```html <style> body { color: #333; /*字体颜色*/ background-color: #fff; /*背景颜色*/ } </style> ``` 2. 在 Java 代码中设置 WebView 的 CSS 样式： ```java WebView webView = findViewById(R.id.webview); WebSettings settings = webView.getSettings(); settings.setDefaultFontSize(18); //设置默认字体大小 settings.setDefaultTextEncodingName("UTF-8"); //设置编码格式 String css = "body {color: #333; background-color: #fff; font-size: 18px;}"; String js = "javascript:(function() {" + "var style = document.createElement('style');" + "style.innerHTML = '"+ css +"';" + "document.head.appendChild(style);" + "})()"; webView.loadUrl(js); ``` 以上代码中，我们通过设置 body 元素的 color 和 background-color 属性来修改字体颜色和背景颜色。我们还可以使用 font-size 属性来设置字体大小。最后，我们将 CSS 样式通过 JavaScript 注入到 WebView 中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值