使网页适应UIWebView的宽度

最新推荐文章于 2021-02-22 13:05:51 发布

hherima

最新推荐文章于 2021-02-22 13:05:51 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iOS UI层文章标签： uiwebview

本文链接：https://blog.youkuaiyun.com/hherima/article/details/47448755

iOS UI层专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在iOS应用中使用UIWebView实现自适应布局的方法。通过在webViewDidFinishLoad方法中注入JavaScript代码来修改viewport的meta标签值，从而确保了不同屏幕尺寸下网页内容的正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比较简单的做法是：在- (void)webViewDidFinishLoad:这个方法中，修改JavaScript的值：

//UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView {
    /* 
      code
     */
    //修改页面的meta的值
    if (SVPWebViewTypeActivity_Narrow == self.webViewType){
        NSString *meta = [NSString stringWithFormat:@"document.getElementsByName(\"viewport\")[0].content = \"width=%f, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"", webView.frame.size.width];
        [webView stringByEvaluatingJavaScriptFromString:meta];
    }
}