美文网首页
ios-WKWebView:自适应屏幕

ios-WKWebView:自适应屏幕

作者: 简鱼7819 | 来源:发表于2017-07-26 14:24 被阅读1369次

WKWebView自适应屏幕用到了WKWebView加载js的特性

代码如下👇

WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];

WKUserContentController *wkUController = [[WKUserContentController alloc] init];

wkWebConfig.userContentController = wkUController;

//自适应屏幕的宽度js

NSString *jSString = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";

WKUserScript *wkUserScript = [[WKUserScript alloc] initWithSource:jSString injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

//添加js调用

[wkUController addUserScript:wkUserScript];

self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 1) configuration:wkWebConfig];

jSString字符串对应是要加载的js方法,这个有学过js很好理解。js的方法在加载钱最好在html测试几番!!

相关文章

  • ios-WKWebView:自适应屏幕

    WKWebView自适应屏幕用到了WKWebView加载js的特性 代码如下? WKWebViewConfigur...

  • 媒体查询

    自适应阶段 自从有了不同屏幕的尺寸,我们就开始尝试自适应了 居中 虽然不能让所有屏幕都自适应,但是可以利用居中让元...

  • 前端自适应问题

    自适应问题 PC端随屏幕分辨率与窗口大小自适应 参考文献 vue项目PC端随屏幕分辨率与窗口大小自适应[https...

  • 媒体查询_栅格系统

    Media Queries 自适应阶段 自从有了不同屏幕的尺寸,我们就开始尝试自适应了 居中 虽然不能让所有屏幕都...

  • 媒体查询

    Media Queries 自适应阶段 自从有了不同屏幕的尺寸,我们就开始尝试自适应了 居中 虽然不能让所有屏幕都...

  • 屏幕自适应

    先直接上代码 meta和@media匹配使用

  • iOS - Swift自定义UIFont字号自适应屏幕

    【Swift】自定义UIFont字号自适应屏幕 为方便项目中统一调用不同的字号,及字号大小自适应屏幕,对UIFon...

  • 代码淘沙0622(B-html中图片缩放)

    常用处理html中图片自适应屏幕宽度

  • 面试之屏幕适配

    一,屏幕尺寸适配 1.1布局匹配 布局元素自适应屏幕尺寸使用RelativeLayout,LinearLayout...

  • 104.PC官网适配移动端

    自适应:为了兼容不同的屏幕尺寸 响应式:不仅是兼容屏幕尺寸,还要兼顾样式上的等,包含的内容比自适应更多 因为是纯静...

网友评论

      本文标题:ios-WKWebView:自适应屏幕

      本文链接:https://www.haomeiwen.com/subject/zzonkxtx.html