Html5 не видит JavaScript

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

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

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

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

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

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

.

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

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

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!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

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

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	18.11.2017, 02:32
	Ни разу не видел 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 [ТС]
	Добрый день всем еще раз! Всем, кто просмотрел тему, но не смог помочь - спасибо за уделенное время. Особенная благодарность Balanaar, что не смотря на, по-видимому, стороннюю для вас тему, вы не остались равнодушным! Всех благ. Ваш ответ помог,но не в достаточной мере. Моя ошибка заключалась в том, что в android студии было необходимо для компонента webView выставить параметр getSettings().setJavaScriptEnabled(true) , а также setWebChromeClient(new WebChromeClient());. Если ваша сфера интересов во фронт-энд разработке соприкоснется с android studio - не наступите на мои грабли Если вдруг кому будет интересно, вот пример работающей программы : https://www.youtube.com/watch?v=eJa8xie9WZs Если кто-то из админов случайно забредет - можно закрывать тему - ответ найден) 0