关于访问网页带有iframe内嵌网页的网址时修改CSS样式

zhongwuzw / WebBrowser

iOS浏览器 Web Browser for iOS

https://github.com/zhongwuzw/WebBrowser

MIT License

375 stars 92 forks source link

Open CXTretar opened 6 years ago

CXTretar commented 6 years ago

当浏览器访问带有iframe内嵌网页的网址时，怎么通过如何注入JS修改内嵌网页的样式呢，例如这个界面 1534904114932 护眼模式的样式只能更改导航栏部分，不能更改内容区域。

zhongwuzw commented 6 years ago

如果是iframe是同域的话，针对每个iframe添加MutationObserver，然后做出对应的Style即可。

如果不是同域，上面的方法行不通，只能使用-webkit-filter应用到html tag上，简单的实现夜间模式或护眼模式。

CXTretar commented 6 years ago

好的，谢谢抽空回答！

zhongwuzw commented 6 years ago

@CXTretar 嗯，这个功能确实需要优化，所以我重新打开会比较好哈。

CXTretar commented 6 years ago

这样就再好不过了，iframe跨域的问题困扰我很久了，Thanks♪(･ω･)ﾉ