项目中会经常用到webview来显示界面,但是单纯的显示还不能满足pm的所有要求。因此需要移动端根据需求来控制web页面的显示。下面是最近在项目中遇到的一个常见的控制网页视图显示与隐藏的例子。
想要很好的实现这样的需求,需要学会使用safari的开发工具来显示网页的源代码,这样才能判断哪个图层需要进行修改。像这样:
这样的话我们可以找到任何一个图层了。
目前我get了2种控制图层显示的方式:
1.document.getElementsByClassName('类名')[0].hidden = false/true;
2. document.getElementsByClassName('类名')[0].style.display= 'block'/'none';
最后,在项目项目中只要执行webview的这个方法:stringByEvaluatingJavaScriptFromString就可以了;
例如:
[self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.getElementsByClassName('choice_ewm')[0].style.display='%@';",hidden?@"block":@"none"]];
iOS与网页的交互还有很多需要学习的,今后还会继续补充。