Веб-просмотр Android ПРОПУСКАЕТ javascript даже с setJavascriptEnabled (true) и WebChromeClient

У меня также есть Samsung Galaxy Tab и Android 3.0 с веб-страницей jQuery javascript, и она работает. Убедитесь, что ваша страница работает в браузере Crome и что у вас нет ошибок javascript. Известны проблемы с некоторыми стилями CSS3 (например, исчезновение изображений), но jQuery должен работать. Если вы пытаетесь связаться с javascript, убедитесь, что вы делаете это после загрузки страницы. Убедитесь также, что все файлы находятся в правильном каталоге :). Также иногда содержимое кэшируется, поэтому попробуйте удалить его (или удалить приложение).

Пожалуйста, предоставьте исходный код вашей веб-страницы, чтобы мы могли проверить.

Пример веб-просмотра:

webView = (WebView) findViewById(R.id.webview);

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setPluginsEnabled(true);
webSettings.setLoadsImagesAutomatically(true);
webSettings.setSupportZoom(false);

webView.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);
webView.setWebViewClient(new WebViewClient()
{
    @Override
    public void onPageFinished(WebView view, String url) 
    {
        // page loaded...
        super.onPageFinished(view, url);
    }
});
webView.setWebChromeClient(new WebChromeClient()
{
    @Override
    public boolean onJsAlert(WebView view, String url, String message,JsResult result) 
    {
        Log.e("alert triggered", message);
        return false;         
    }
});
webView.loadUrl("http://mypage/mypage.html");

Я надеюсь, что это помогает.

ОБНОВЛЕНИЕ 1: я проверил ваш код на вкладке Samsung Galaxy. Я изменился

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

линия. Страница загружена, я вижу содержимое с картинкой. Итак... код работает как положено. Я заметил, что иногда содержимое отображается не так, как должно быть. Похоже, проблема в масштабировании:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />

и вычисление внутри $(document).ready() неверно!

Кстати... то, что вы ищете, это ViewPager с WebViews.

ОБНОВЛЕНИЕ 2: Обратите внимание, что при загрузке веб-страницы в виде файла:/// вы должны иметь файлы JS в том же каталоге (без внешних URL-адресов).

Ответ заключается в том, что javascript должен находиться в функциях HTML-страницы <script>sections, а затем должен быть внедрен с помощью webview.loadUrl("javascript:yourJavascriptFunction()") after webview.setWebviewClient(new WebviewClient(){ public void onPageFinishedLoading(){ ...//js injections here });

Некоторое время назад я столкнулся с той же проблемой - моим окончательным решением было отказаться от jquery и просто использовать простой JS. Вещи постоянно ломались, при этом нормально работали при просмотре из обычного Android-браузера.

Если это единственные строки, которые нарушают код, попробуйте воспроизвести ту же функциональность этих строк с помощью чистого JS. Собственный веб-просмотр Android имеет довольно хорошую поддержку всех последних возможностей JS,

so...

$('body').css({height : height+'px', width : Math.floor(width*0.98)+'px' });
$('.text').css({height : height+'px', width : Math.floor(width*0.98)+'px' }); 
$('#firstpage').css({height : height+'px', width : Math.floor(width*0.98)+'px' }); 
$('body').prepend('<style>.text{-moz-column-count:'+numCols+';-webkit-column-count:'+numCols+';}</style>'); 

было бы...

var doc = document,
    body = doc.getElementsByTagName('body')[0],
    bodyStyle = body.style,
    firstPage = doc.getElementById('firstpage'),
    firstPageStyle = firstPage.style,

    head = doc.getElementsByTagName('head')[0],
    style = doc.createElement('style'),
    rules = doc.createTextNode('.text{-webkit-column-count:'+numCols+';}');

bodyStyle.height = height + 'px';
bodyStyle.width = Math.floor(width * 0.98) + 'px';

firstPageStyle.height = height + 'px';
bodyStyle.width = Math.floor(width * 0.98) + 'px';

style.type = 'text/css';

if( style.styleSheet )
    style.styleSheet.cssText = rules.nodeValue;
else 
    style.appendChild( rules );

head.appendChild( style );

Просто убедитесь, что приведенный выше код запускается после загрузки всех используемых элементов (после состояния готовности DOM или до закрытия тега).

пс. Кроме того, поскольку вы используете веб-кит Android, зачем нужен -moz-column-count?

Я не совсем уверен, является ли это причиной вашей проблемы, но вы должны звонить loadUrl после настройки WebView

Изменить

Если это не проблема, вы можете рассмотреть возможность публикации

• самый простой SSCCE, который, по вашему мнению, не работает, но который, по вашему мнению, должен
• марка/модель вашего устройства и версия Android, с которой вы работаете