Html5 не видит JavaScript

@SilkyPain · Регистрация: 15.11.2017

Author24 — интернет-сервис помощи студентам

Всем добрый день!

Буквально недавно начал разрабатывать приложение на андроид.
Как среду разработки использую android studio.

Приложение пока простенькое и состоит из двух виджетов: Кнопка и WebView. Поведение схоже с поведением браузера за тем исключением, что открывается кастомная страница. Просмотрел кое-какую литературу по этому поводу, что привело меня в небольшой тупичек.

Запускаю метод loadUrl в котором вызываю кастомный html файл, находящийся в папке assets. Все вроде как в порядке, за одним исключением: программа вообще не видит скрипты. Никакие...Пытался alert('!') в скрипт вписать - без толку. Причем попытка запустить тот же код при помощи Google Chrome как отладчик в NetBeans(до React я пока не дорос)) дает положительный результат. Есть предположение, что в коде ошибка и "тонкий" клиент в виде android устройства не воспринимает скрипты вообще, в то время как Chrome, являясь "толстым" клиентом, пытается хоть как-то интерпретировать и у него выходит

.

Товарищи программисты, выручайте)

Вот код: Он должен при старте отрисовывать прозрачный прямоугольник на холсте(canvas) а по кнопке отрисовывать черный круг.

Понимаю, что может быть не по теме : дублировал вопрос в тему про Android.
Заранее благодарен всем, кто попытается помочь.

HTML5

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>TODO write content</div>
        <canvas height="320" width="480" id="example">Draw</canvas>
        <script>
            var example = document.getElementById("example"),
                    ctx = example.getContext('2d');
            ctx.strokeRect(0,0,example.width,example.height);
        </script>
        <input type="submit" id="qwert" name="setCirc" value='toTriang'/>
        <script>
            function setCirc(e){
                var canv = document.getElementById("example");
                if(canv.getContext){
                    var c = canv.content;
                    var ctx = canv.getContext('2d');
                    
                    var circle = new Path2D();
                    circle.moveTo(125,35);
                    circle.arc(100,35,25,0,2*Math.PI);
                    
                    ctx.fill(circle);
                }
            }
            
            var addButton = document.getElementById("qwert");
            addButton.addEventListener("click", setCirc);
        </script>
    </body>
</html>

@Balanaar · 18.11.2017, 02:32

Ни разу не видел Android Studio, но ради вас погуглил... Говорят баны в гугле теперь реальны.
Коллеги с СО утверждают, что JS и CSS не являются частью Android Studio. Однако какой-то умелец на гитхабе создал репозиторий с тем, что вам нужно. Ответы там за 2014г, так что всё могло поменяться. Учтите это.
Источник: https://stackoverflow.com/ques... io-project

@SilkyPain · 18.11.2017, 19:37 **[ТС]**

Добрый день всем еще раз!

Всем, кто просмотрел тему, но не смог помочь - спасибо за уделенное время.
Особенная благодарность Balanaar, что не смотря на, по-видимому, стороннюю для вас тему, вы не остались равнодушным! Всех благ.

Ваш ответ помог,но не в достаточной мере. Моя ошибка заключалась в том, что в android студии было необходимо для компонента webView выставить параметр getSettings().setJavaScriptEnabled(true), а также setWebChromeClient(new WebChromeClient());. Если ваша сфера интересов во фронт-энд разработке соприкоснется с android studio - не наступите на мои грабли

Если вдруг кому будет интересно, вот пример работающей программы : https://www.youtube.com/watch?v=eJa8xie9WZs

Если кто-то из админов случайно забредет - можно закрывать тему - ответ найден)

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	18.11.2017, 02:32	2
	Ни разу не видел Android Studio, но ради вас погуглил... Говорят баны в гугле теперь реальны. Коллеги с СО утверждают, что JS и CSS не являются частью Android Studio. Однако какой-то умелец на гитхабе создал репозиторий с тем, что вам нужно. Ответы там за 2014г, так что всё могло поменяться. Учтите это. Источник: https://stackoverflow.com/ques... io-project 1

@SilkyPain 0 / 0 / 0 Регистрация: 15.11.2017 Сообщений: 7
	18.11.2017, 19:37 [ТС]	3
	Добрый день всем еще раз! Всем, кто просмотрел тему, но не смог помочь - спасибо за уделенное время. Особенная благодарность Balanaar, что не смотря на, по-видимому, стороннюю для вас тему, вы не остались равнодушным! Всех благ. Ваш ответ помог,но не в достаточной мере. Моя ошибка заключалась в том, что в android студии было необходимо для компонента webView выставить параметр getSettings().setJavaScriptEnabled(true), а также setWebChromeClient(new WebChromeClient());. Если ваша сфера интересов во фронт-энд разработке соприкоснется с android studio - не наступите на мои грабли Если вдруг кому будет интересно, вот пример работающей программы : https://www.youtube.com/watch?v=eJa8xie9WZs Если кто-то из админов случайно забредет - можно закрывать тему - ответ найден) 0