先将网页弄到iOS项目中:
网页内容如下, 仅供测试:
<html> <head> <meta xmlns="http://www.w3.org/1999/xhtml" http-equiv="Content-Type" content="text/htmlcharset=utf-8" /> <title>这是一个示例html文件</title> <script Type='text/javascript'> function clickme() { alert('点击按钮了!') } </script> </head> <body> <h1>OC与JS互动</h1> <h2>blog.csdn.net/xn4545945</h2> <!-- 自定义协议与OC进行交互 --> <a href="neng://loadUrl/blog.csdn.net">点击一下, 链接调用OC函数</a> <br/> <br/> <a href="http://m.baidu.com">js注入, 到baidu页面上实验</a> </body> </html>
ios端会有一个问题,就是图片被隐藏后,drop-shadow有时候会失效,就是被隐藏的不会被渲染,所以需要给图片加上border-right 值,这样虽然图片被“overflow: hidden”了,但是border还在外边,这样就会被渲染。 安卓和网页端相关没有border-right依然能正常显示。