white screen because of "Quirks Mode"

  1. 3 months ago

    Hi there!

    I´m building mini Games with Scratch. I convert the Scratch file to html via htmlifier.
    The html file works fine in the browser but when I convert it to APK with your Software the loading gets stuck at a white screen.

    I did a debugging analysis as recommendet and it says something about Quirks Mode:
    "One or more documents in this page is in Quirks Mode, which will render the affected document(s) with quirks incompatible with the current HTML and CSS specifications.
    Quirks Mode exists mostly due to historical reasons. If this is not intentional, you can add or modify the DOCTYPE to be `<!DOCTYPE html>` to render the page in No Quirks Mode."

    The recommendation of using <!DOCTYPE html> confuses me because it is already there in the code.
    Here is the start of the code, maybe you can help me I´m very interested in paying for your software if I can create working APK files, thanks!:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Scratch 3.0 is here!</title>
    <script type="text/javascript">
    window.errors = []
    if (window.addEventListener) {
    window.addEventListener(
    'error',
    function (e) {
    if (e.message) {
    if (e.error && e.error.stack) {
    if (e.message.indexOf('Uncaught SyntaxError') === 0) {
    window.errors.push(
    e.message +
    ' at ' +
    e.filename +
    ':' +
    e.lineno +
    ':' +
    e.colno
    )
    } else {
    window.errors.push(e.error.stack)
    }
    if (window.onNewError) window.onNewError()
    }
    } else {
    window.errors.push(
    'Problem loading ' + (e.target.src || e.target.href)
    )
    if (window.onNewError) window.onNewError()
    }
    window.onerror = null
    },
    true
    ) // true so that errors bubble up to window
    window.addEventListener(
    'unhandledrejection',
    function (e) {
    window.errors.push(
    e.reason && (e.reason.stack || e.reason.message || e.reason)
    )
    if (window.onNewError) window.onNewError()
    },
    false
    )
    }
    window.onerror = function (message, source, lineno, colno, error) {
    if (colno) {
    lineno += ':' + colno
    }
    if (error && error.stack) {
    window.errors.push(error.stack)
    } else {
    window.errors.push(message + ' at ' + source + ':' + lineno)
    }
    if (window.onNewError) window.onNewError()
    }
    </script>

 

or Sign Up to reply!