iOS 修改webView字体大小,设置宽度及缩放效果

最新推荐文章于 2022-08-18 15:19:33 发布
最新推荐文章于 2022-08-18 15:19:33 发布
阅读量9k 收藏 3
点赞数 1
分类专栏： iOS 文章标签： ios webview 字体
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yibuyibulai/article/details/43795095
版权
1.设置字体大小 
 -(void)webViewDidFinishLoad:(UIWebView *)webView
{
    [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '40%'"];//修改百分比即可
}

2.设置webView内容宽度等于屏幕宽度显示,设置webView的缩放效果 
NSString *meta = [NSString stringWithFormat:@"document.getElementsByName(\"viewport\")[0].content = \"width=self.view.frame.size.width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\""];
    [webView stringByEvaluatingJavaScriptFromString:meta];//(initial-scale是初始缩放比,minimum-scale=1.0最小缩放比,maximum-scale=5.0最大缩放比,user-scalable=yes是否支持缩放)

或者服务端修改:(未测试) 
<html><head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

离樱
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
动态设置android webview字体大小DEMO
03-08
这个"动态设置android webview字体大小DEMO"是一个示例项目，专门演示如何在运行时调整WebView中显示的文本的字体大小，以提高用户体验，特别是对于视力不好的用户或者希望自定义阅读体验的用户来说，这是一个非常...
iOS改变webView的文字大小
Snow_xueY的博客
02-25 812
在webView的delegate回调方法 - (void)webViewDidFinishLoad:(UIWebView *)webView;中写上一下语句即可 //字体大小 [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSi
ios wekwebview字体偏小解决
BX_Jobs的博客
08-18 551
ios wekwebview字体偏小解决
iOS开发webView设置字体大小的方法
ny5168的专栏
06-17 1908
最近做一个新闻客户端的项目,被webview字体设置大小纠结了好久,查了网上的一点资料,也请教了别人,最后找到了一种解决的方法,也不知道以前的大牛是怎么解决的,我把我的方法拿出来,和大家分享一下        在设置字体的cell里定义的segmentedControl的方法 -(void)segmentedControl:(UISegmentedControl *)seg { sel
ios 自动缩小字体_iOS WKWebview字体自动放大的问题
weixin_42298809的博客
01-14 1022
问题描述：wkwebview加载内容时，默认自动适配屏幕宽度，也可以根据后台设置的内容宽度调节显示方式，方法如下，参数contentWidth即后台设置的显示内容宽度：public func loadHTMLString(_ htmlString:String, _ baseUrl: URL, _ contentWidth: String) {var widthStr = "device-widt...
iOS-84-WKWebView字体大小颜色及内容放大或缩小显示
IOT_LI的专栏
11-03 4127
只需在该代理方法加上这个就可以了，直接上代码： // WKNavigationDelegate 页面加载完成之后调用 - (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation{ //修改字体大小 300% [ webView evalua
WKWebView禁止捏合的方法
木头书屋专栏
07-27 2774
func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) { let javascript = "var meta = document.createElement('meta');meta.setAttribute('name', 'viewport');meta.setAttribute('co
Android WebView中图片浏览及缩放效果
08-28
总结来说，实现Android WebView中的图片浏览及缩放效果，需要以下步骤： 1. 初始化WebView并启用JavaScript支持。 2. 创建`JavascriptInterface`，使Java和JavaScript能相互调用。 3. 使用`PhotoView`库提供图片...
Android点击WebView实现图片缩放及滑动浏览效果
01-21
博客地址：Android WebView中图片浏览及缩放效果 首先说一下处理这个要求的思路,首先我们要获取到html中的所有图片的url,并保存到集合中,当点击图片时,跳转 一个Activity用ViewPager进行显示,这样就实现了滑动浏览...
iOS UIWebView截获HTML并修改标签内容
斯卡
09-03 682
做过一个能浏览网页的功能的插件,用的
iOS WebView修改字体、大小、颜色
liuxu0718的专栏
01-22 2681
webView本身没有属性去修改webView里内容的字体大小颜色等等.但是可以通过修改html代码进而实现. 先上代码.     self.webView = [[UIWebView alloc]initWithFrame:self.view.bounds];     NSString *htmlString = [NSString stringWithFormat:@"
OC修改webView里面的html的文字大小
lausen34的博客
01-06 1727
在项目中,///修改HTMLString的字体大小 NSString *BookStr = [NSString stringWithFormat:@"<html> \n" //html跟标签 "<head> \n" //html头部标签
Flutter webview字体被放大
xizhao88的专栏
11-18 2053
如果使用webview_flutter字体被放大了，可以添加如下两个配置 webView.getSettings().setUseWideViewPort(true); webView.getSettings().setLoadWithOverviewMode(true);
UIWebView 控制页面 字体 大小
1097195326的专栏
05-18 1454
其一： - (void)webViewDidFinishLoad:(UIWebView *)webView {     // finished loading, hide the activity indicator in the status bar     [UIApplication sharedApplication].networkActivityIndicatorVisi
ios开发之改变UIWebView文本字体的样式和大小
热门推荐
03-19 3万+
1、UIWebView设置字体大小，颜色，字体：1、UIWebView设置字体大小，颜色，字体： UIWebView无法通过自身的属性设置字体的一些属性，只能通过html代码进行设置，代码如下：UIWebView无法通过自身的属性设置字体的一些属性，只能通过html代码进行设置，代码如下： [html] view plaincopyprint? NSString *j
iOS 修改WKwebView字体大小
f9999999995的博客
10-25 2946
一个代理方法就搞定了 _wkWebView.navigationDelegate = self; - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{ [ webView evaluateJavaScript:@"document.getEleme...
iOS 修改webView字体
weixin_33762321的博客
04-24 928
五中方案 UIFont *font = [UIFont systemFontOfSize:12]; //方法一 NSString *fontColor =@"CCCCFF"; NSString *htmlString =[NSString stringWithFormat:@"&lt;html&gt; \n" ...
iOS WKWebView 字体小的问题
SoulKey的博客
01-29 5371
NSString *headerString = @"&lt;header&gt;&lt;meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'&gt;&lt;style&gt;img{max-w...
uniapp webview在ios下禁止双指缩放
最新发布
06-07
在uniapp的webview中，可以使用以下方法禁用iOS设备上的双指缩放： 1. 使用CSS属性禁用双指缩放： 在webview加载的页面中，可以使用以下CSS属性来禁用双指缩放： ```css body { touch-action: pan-x pan-y; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-drag:none; -webkit-overflow-scrolling:touch; } ``` 这些属性可以防止用户对页面进行缩放，滚动和选择文本等操作。 2. 使用JavaScript禁用双指缩放： 在uniapp的webview中，可以使用以下JavaScript代码来禁用双指缩放： ```javascript document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); ``` 这段代码会阻止浏览器启动缩放手势。 需要注意的是，这些方法只能禁用用户手动触发的双指缩放，而无法阻止页面中的其他缩放操作。如果你需要完全禁用缩放，可以使用以下meta标签： ```html <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> ``` 这将完全禁用缩放功能，包括用户手动触发的缩放和其他缩放操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值