我在做一个和拉斐尔有关的项目。事实证明,它在Android上不起作用。iPhone上是这样的。
我该怎么调试Android浏览器上的东西呢?它是WebKit,所以如果我知道版本,在完整版本的WebKit上调试它会产生相同的结果吗?
我在做一个和拉斐尔有关的项目。事实证明,它在Android上不起作用。iPhone上是这样的。
我该怎么调试Android浏览器上的东西呢?它是WebKit,所以如果我知道版本,在完整版本的WebKit上调试它会产生相同的结果吗?
当前回答
试一试:
打开要调试的页面 而在该页面上,在普通Android浏览器的地址栏中输入: :调试 (注意什么都没有发生,但是启用了一些新的选项。)
在我试过的设备上都有效。阅读更多关于Android浏览器:调试,这些设置做什么?
编辑: 在脚本中添加以下代码也有助于检索更多信息,如行号:
window.onerror = function (message, url, lineNo){
console.log('Error: ' + message + '\n' + 'Line Number: ' + lineNo);
return true;
}
其他回答
没有人提到liriliri/eruda,它为移动网站/应用程序添加了自己的调试工具
将此添加到您的页面:
<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
将在打开控制台的页面中添加一个浮动图标。
你可以试试npm library中的"javascript-compiler-deva",先运行"npm install javascript-compiler-deva"命令,然后运行编译器。正在使用"node compiler.js"。
它在端口8888上创建一个服务器。然后,您可以点击“http://localhost:8888”并输入JavaScript代码,就可以在手机浏览器中看到包括“console.log”在内的任何JavaScript代码的结果。
它也托管在“https://javascript-compiler-deva.herokuapp.com/”中。
你可以试试https://github.com/fullpipe/screen-log。试着让它简洁明了。
本地调试/about:config…选项似乎在2020+ chrome/ff/..浏览器了。
另一个带有非远程js控制台的浏览器是 DevBrowser
或 WebInspector (文件选择器不工作)
Raphael在3.0之前的Android浏览器上不支持,这就是你的问题所在。它们不支持SVG图形。不过它确实支持canvas。如果你不需要动画,你可以用canvas渲染图形:
http://code.google.com/p/canvg/
这就是我们如何在默认Android浏览器中呈现SVG图标的方法。