javascript-UIwebview中的CSS注入

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-UIwebview中的CSS注入，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1596字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试使用示例https://gist.github.com/811993发布；我正尝试为我的父母使用网站www.baomoi.com上的自定义css文件,以使其更加简洁和高对比度.此代码示例导致加载时闭合力.我在/ Resources文件夹中有styles.css.如何确定导致错误的原因？

预先感谢大家的帮助.

https://gist.github.com/811993

在调试中,这就是我得到的：
E / KrollCallback(382)：(kroll $1：app：//app.js)[234,4575]错误,调用：[callMethod UI.WebView.UI.WebView：event：load null],消息：大小必须&gt ; = 0
E / KrollCallback(382)：java.lang.IllegalArgumentException：大小必须> = 0E / AndroidRuntime(345)：在org.appcelerator.titanium.kroll.KrollHandlerThread.run(KrollHandlerThread.java:86)
E / AndroidRuntime(345)：由以下原因引起：java.lang.IllegalArgumentException：大小必须为> = 0
E / AndroidRuntime(345)：位于java.io.ByteArrayOutputStream.(ByteArrayOutputStream.java:67)
E / AndroidRuntime(345)：位于org.appcelerator.titanium.util.TiStreamHelper.toByteArray(TiStreamHelper.java:106)
E / AndroidRuntime(345)：位于org.appcelerator.titanium.TiBlob.getBytes(TiBlob.java:120)

解决方法:

您应该使用evalJS而不是使用url属性来注入您的javascript.

您可以从文件中读取本地CSS数据,然后像这样插入：

// read the css content from styles.css    
var cssContent = Titanium.Filesystem.getFile('styles.css');

// make it available as a variable in the webview    
webview.evalJS("var myCssContent = " + JSON.stringify(String(cssContent.read())) + ";");

// create the style element with the css content    
webview.evalJS("var s = document.createElement('style'); s.setAttribute('type', 'text/css'); s.innerHTML = myCssContent; document.getElementsByTagName('head')[0].appendChild(s);");

内容总结

以上是互联网集市为您收集整理的javascript-UIwebview中的CSS注入全部内容，希望文章能够帮你解决javascript-UIwebview中的CSS注入所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端