- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的问题是,即使我为我的 webview 启用了 javascript 和插件,我的 webview 也会将包含turn.js 的 html 呈现为纯文本,
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setPluginsEnabled(true);
我的 list 中还声明了互联网许可
<uses-permission android:name="android.permission.INTERNET" />
我会错过什么?请注意,它在默认浏览器中运行良好
编辑
安卓代码
package com.dwaik.turn;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
public class TurnjsActivity extends Activity {
private WebView webView;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView = (WebView) findViewById(R.id.webView1);
//webView.loadUrl("file:///android_asset/turnjs4/samples/double-page/index.html");
webView.loadUrl("file:///android_asset/book/index.html");
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setDisplayZoomControls(false);
webView.getSettings().setPluginsEnabled(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.setHorizontalScrollBarEnabled(false);
webView.getSettings().setDomStorageEnabled(true);
}
}
HTML 代码
由于 stackoverflow 问题限制,我 trim 了一些 div
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<script type="text/javascript" src="js/jquery.min.1.7.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/modernizr.2.5.3.min.js"></script>
<script type="text/javascript" src="js/hash.js"></script>
<script type="text/javascript" src="js/resize.js"></script>
<link rel="stylesheet" type="text/css" href="css/popup.css" />
<link rel="stylesheet" type="text/css" href="Contents//StyleSheets/book_female.css"/><link rel="stylesheet" type="text/css" href="Contents//StyleSheets/book.css"/><link rel="stylesheet" type="text/css" href="Contents//StyleSheets/font.css"/>
<link rel="stylesheet" type="text/css" href="Contents/StyleSheets/book.css" />
<link rel="stylesheet" type="text/css" href="Contents/StyleSheets/font.css" />
</head>
<body>
<div id="canvas">
<div id="book-zoom">
<div class="sj-book">
<div>
<div class="pagebg RS-01-A1-1_frontcover">
</div>
</div><div>
<div class="pagebg RS-01-A1-3_frontcover">
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P01">
<div class="P01_D1 ipad">للصف الأول الابتدائي</div>
<div class="P01_D2 cRed ipad">الفصل الدراسي الأول</div>
<div class="P01_D3 cGreen ipad">كتاب الطالب</div>
<div class="P01_D4 ipad">قام بالتأليف والمراجعة</div>
<div class="P01_D5 ipad">فريق من المتخصصين</div>
<div class="P01_D6 ipad">طبعة ١٤٢٢ – ١٤٢٤ هــ</div>
<div class="P01_D7 ipad"> ٢٠١٢ –٢٠١٣م</div>
</div>
</div><div>
<div class="pagebg RS-01-A1-3_P01">
<div class="P01_D1 ipad">للصف الأول الابتدائي</div>
<div class="P01_D2 cRed ipad">الفصل الدراسي الأول</div>
<div class="P01_D3 cGreen ipad">كتاب الطالب</div>
<div class="P01_D4 ipad">قام بالتأليف والمراجعة</div>
<div class="P01_D5 ipad">فريق من المتخصصين</div>
<div class="P01_D6 ipad">طبعة ١٤٢٢ – ١٤٢٤ هــ</div>
<div class="P01_D7 ipad"> ٢٠١٢ –٢٠١٣م</div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P02">
<div class="P02_D1 ipad"> وزارة التربية والتعليم ، ١٤٣٠ هـ</div>
<div class="P02_D2 ipad"><span class="bFontWt">فهرسة مكتبـة الملـك فهد الوطنيـة أثنـاء النـشـر
<br>وزارة التـربيـة والتعلـيـم</span><br>الفقه والسلوك للصف الأول الابتدائي : الفصل الدراسي الأول :<br>كتاب الطالب. / وزارة التربية والتعليم. - الرياض ، ١٤٣٠هـ.<span class="bFontWt"><br>٣٦ ص ؛ ٢٦x٢١ سم<br>ردمـك : ٩ - ٤٢٥ - ٤٨ - ٩٩٦٠ - ٩٧٨</span><br>١ ـ الفقه الإسلامي ـ كتب دراسيـة ٢ ـ التعليم الابتدائي ـ السعوديـة<br>ـ كتب دراسيـة. أ ـ العنوان<br><span class="bFont"> ديـوي ٠٧١١، ٢٥٢                      ٥١٣٣ / ١٤٢٨</span>
</div>
<div class="P02_D3 ipad">رقم الإيداع : ٥١٣٣ / ١٤٢٨<br>ردمك : ٩ - ٤٢٥ - ٤٨ - ٩٩٦٠ - ٩٧٨</div>
<div class="P02_D4 ipad">لهذا المقرر قيمة مهمة وفائدة كبيرة فلنحافظ عليه، ولنجعل نظافته تشهد على حسن سلوكنا معه.</div>
<div class="P02_D5 ipad">إذا لم نحتفظ بهذا المقرر في مكتبتنا الخاصة في آخر العام للاستفادة ، فلنجعل مكتبة مدرستنا تحتفظ به.</div>
<div class="P02_D6 ipad">حقوق الطبع والنشر محفوظة لوزارة التربية والتعليم ـ المملكة العربية السعودية</div>
<div class="P02_D7 ipad">موقع <br>موقع<br>موقع <br>بريد </div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P03">
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P04">
<div class="P04_D1 ipad">الحمد لله رب العالمين والصلاة والسلام على أشرف الأنبياء والمرسلين نبينا محمد وعلى آله </div>
<div class="P04_D2 ipad">وصحبه أجمعين: </div>
<div class="P04_D3 ipad"><span class="bFontWt">أخي الكريم : ولي أمر الطالب</span><br>أما بعد:</div>
<div class="P04_D4 ipad">فها هو ـ أخي الكريم ـ كتاب الطالب لمادة الفقه والسلوك للصف الأول الابتدائي - الفصل </div>
<div class="P04_D5 ipad">الدراسي الأول-؛ وهو أحد المنتجات التي تضمنها المشروع الشامل لتطوير المناهج.</div>
<div class="P04_D6 ipad">وهو كتاب يقرب إلى ابننا المبارك الأحكام الشرعية وبعض السلوكات والآداب الإسلامية.<br>وقد يسر الله تعالى صياغة موضوعات هذا المقرر بطريقة تتيح للطالب أن يكون نشطًا داخل </div>
<div class="P04_D7 ipad">الصف؛ مشاركًا في فقرات الدرس مع معلمه وزملائه، مطبقًا لما يمكن تطبيقه داخل الصف أو <br>المدرسة أو المنزل.
</div>
<div class="P04_D8 ipad"><span class="bFontWt">وقد راعينا في هذا المؤلف ما يلي:</span><br>
<span class="bFontWt">أولًا:</span> التنويع في عرض المادة الدراسية.<br>
<span class="bFontWt">ثانيًا:</span> تقريب المعلومة من خلال: الأشكال المناسبة، والوسائل المتنوعة.<br>
<span class="bFontWt">ثالثًا:</span> مشاركة الطالب في الدرس.<br>
<span class="bFontWt">رابعًا:</span> تنمية مهارات التعلم والتفكير التي لدى الطالب في مثل هذه المرحلة.<br> <span class="bFontWt">
أخي الكريم : ولي أمر الطالب</span><br>إنه بقدر متابعتك للابن الكريم، وحرصك عليه، ومواصلتك مع معلم الصف في المدرسة يكون
</div>
<div class="P04_D9 ipad">ابننا أكثر انتفاعًا بهذا المقرر الجديد، وأكثر تفاعلًا، وأدق فهمًا، وأصح تطبيقًا بإذن الله تعالى.
</div>
<div class="P04_D10 ipad"> وفي ختام هذه المقدمة نذكرك أخي ولي أمر الطالب بأنه من أجل الانتفاع المقصود لابننا العزيز، </div>
<div class="P04_D11 ipad">ولزيادة فهمه واستيعابه لما يدرسه، أرفق بكتابه هذا كتابُ للنشاط؛ ليعينه على الفهم والتطبيق، <br>وينمي مهارات التفكير لديه؛ فهو خير رفيق لكتاب الطالب الذي بين يديه.
</div>
<div class="P04_D12 ipad">والذي نُؤمِلُهُ أن يكون ما يتعلمه عونًا له ومرشدًا ليصل - بإذن الله تعالى - إلى السعادة في الدنيا </div>
<div class="P04_D13 ipad">والآخرة. رزقك الله العلم النافع والعمل الصالح وسدَّد الله خطاك وبارك في جهودك.</div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P05">
<div class="P05_D1 cWhite ipad">٧ </div>
<div class="P05_D2 cWhite ipad">١١ </div>
<div class="P05_D3 cWhite ipad">١٧</div>
<div class="P05_D4 cWhite ipad">٢٣ </div>
<div class="P05_D5 cWhite ipad">٢٩</div>
<div class="P05_D6 cWhite ipad">٣٣ </div>
<div class="P05_D7 cWhite ipad">تعظيم القرآن الكريم </div>
<div class="P05_D8 cWhite ipad">الوحدة الأولى </div>
<div class="P05_D9 cWhite ipad"> من سيرة نبينا محمد <span class="axtmunaregular">˜</span></div>
<div class="P05_D10 cWhite ipad">صدقه، أمانته، شجاعته</div>
<div class="P05_D11 cWhite ipad">الوحدة الثانية </div>
<div class="P05_D12 cWhite ipad"> السلام</div>
<div class="P05_D13 cWhite ipad">الوحدة الثالثة </div>
<div class="P05_D14 cWhite ipad"> بر الوالدين</div>
<div class="P05_D15 cWhite ipad">الوحدة الرابعة </div>
<div class="P05_D16 cWhite ipad"> حق المعلم</div>
<div class="P05_D17 cWhite ipad"> الوحدة الخامسة</div>
<div class="P05_D18 cWhite ipad"> آداب قضاء الحاجة</div>
<div class="P05_D19 cWhite ipad">الوحدة السادسة</div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P06">
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P07 "><div class="P07_D1 ipad">فَشَاهَدَ</div>
<div class="P07_D2 ipad"> عُمَرُ ذَهَبَ مَعَ وَالِدِهِ إلى</div>
<div class="P07_D3 ipad">بِرِفْقٍ مِنَ </div>
<div class="P07_D4 ipad"> ، أَخَذَ عُمَرُ </div>
<div class="P07_D5 ipad">طِفْلاً يَعْبَثُ بِــ </div>
<div class="P07_D6 ipad"> ، جَلَسَ عُمَرُ بِجَانِبِ وَالِدِهِ </div>
<div class="P07_D7 ipad"> الطِّفْـلِ وَوَضَعَـهُ عَـلَى </div>
<div class="P07_D8 ipad">إِلَى قِرَاءَتِه القُرْآنَ الكَرِيمَ .
</div>
<div class="P07_D9 ipad"> بِأَدَبٍ وَ </div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P08 bFontWt "><a href="#Media/RS-01-A1-Q-008-01"><img style="position:absolute;right:1%;top:10%;" src="/bookIcons/1/Q.gif" width="100" height="100" /></a>
<div class="P08_D1 cDarkBlue ipad">أَعُوذُ بِاللهِ مِنَ الشَّيْطَانِ الرَّجِيمِ</div>
<div class="P08_D2 ipad"> أَقُولُ عِنْدَ قِرَاءَةِ القُرْآنِ: </div>
<div class="P08_D3 cDarkBlue ipad">بِسْمِ اللهِ الرَّحْمَنِ الرَّحِيمِِ </div>
<div class="P08_D4 ipad"> أَقُولُ عِنْدَ أَوَّلِ السُّورَةِ: </div>
<div class="P08_D5 cDarkBlue ipad">لاَ أَلهُو وَلاَ أَتَكَلَّمُ<br>  
أَثْنَاءَ التِّلاَوَةِ. </div>
<div class="P08_D6 cDarkBlue ipad">أَسْتَمِعُ وَأُنْصِتُ<br> لِقِرَاءَةِ القُرْآنِ.</div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P09 "><a href="#Media/RS-01-A1-T-009-01"><img style="position:absolute;right:1%;top:10%;" src="/bookIcons/1/T.gif" width="100" height="100" /></a>
<div class="P09_D1 ipad">أَضَعُ القُرآنَ الكَرِيمَ فِي المَكَانِ اللاَّئِقِ بِهِ. </div>
<div class="P09_D2 ipad"><span class="cRed">أُلَوِّنُ </span>السُّلُوكَ الصَّحِيحَ بِاللَّوْنِ      والسُّلُوكَ الخَاطِىءَ باللَّوْنِ     <span class="cRed">:</span></div>
<div class="P09_D3 ipad">وَضْعُ المُصْحَفِ<br>  عَلَى الأَرْضِ ِ</div>
<div class="P09_D4 ipad">الكِتَابَةُ وَالرَّسْمُ <br>
عَلَى المُصْحَفِ</div>
<div class="P09_D5 ipad"> قِرَاءَةُ القُرْآنِ   <br>
بِصَوْتٍ حَسَنٍ</div>
<div class="P09_D6 ipad">الاسْتِنَادُ إلَى شَيْءٍ<br>
  فِيهِ مُصْحَفٌ</div>
</div>
</div><div>
<div class="pagebg RS-01-A1-1_P10 ">
<div class="P10_D1 ipad"><span class="cDarkBlue">أَخُطُّ</span><span class="cRed"> بِقَلَمِي عَلَى الكَلِمَاتِ المُنَقَّطَة<span style="font-size:20px;">:</span></span></div>
<div class="P10_D2 ipad"> أَنَا أُحِبُّ</div>
<div class="P10_D3 ipad"> أَنَا أَقْرَأُ القُرْآنَ الكَرِيمَ</div>
<div class="P10_D4 ipad"><span class="cRed"> رَأَى </span>أَخِي أَوْرَاقًا مِنَ القُرْآنِ الكَرِيمِ فِي دُرْجِ صَاحِبِهِ.<br>
<span class="cRed"> أُسَاعِدُ</span> أَخِي فِي اخْتِيَارِ التَّصَرُّفَاتِ الصَّحِيحَةِ:</div>
<div class="P10_D5 ipad"> يَطْلُبُ مِنْ صَاحِبِهِ أَنْ يُسَلِّمَ الأَوْرَاقَ لِمُعَلِّمِهِ.<br> يَتْرُكُهُ وَشَأْنَهُ.<br> يُذَكِّرُهُ بِمَا تَعَلَّمَهُ مِنْ تَعظيم القُرْآنِ الكَرِيمِ.</div>
<div class="P10_D6 cRed ipad"> أُلَوِّنُ: ِ</div>
</div>
</div>
<script type="text/javascript">
var PageCount = 40;
var pageRange = "0";
var webID = "";
var userID = "";
var tempKeyWord = "T";
var FullSize = true;
function loadApp() {
loadBook();
var flipbook = $('.sj-book');
$('#canvas').css({ visibility: '' });
Hash.on('^page\/([0-9]*)$', {
yep: function (path, parts) {
var page = parts[1];
if (page !== undefined) {
if ($('.sj-book').turn('is'))
$('.sj-book').turn('page', page);
}
}
});
$(document).keydown(function (e) {
var previous = 37, next = 39, esc = 27;
switch (e.keyCode) {
case previous:
$('.sj-book').turn('previous');
break;
case next:
$('.sj-book').turn('next');
break;
case esc:
try { e.preventDefault(); }
catch (x) { e.returnValue = false; }
break;
}
});
Hash.on('^Media\/([A-Za-z][A-Za-z0-9!-@#$%^&*]*)$', {
yep: function (path, parts) {
var Media = parts[1];
if (Media !== undefined) {
if ($('.sj-book').turn('is')) {
$("#overlay_form").fadeIn(2000);
$("#Background").fadeIn(2000);
positionPopup();
var pagename = "Media/" + Media + "/index.html";
$("#iframemedia").attr("src", pagename);
$("#close").click(function () {
$("#close").attr("href", "#");
$("#iframemedia").attr("src", "");
$("#overlay_form").fadeOut(1800);
$("#Background").fadeOut(1800);
});
}
}
}
});
flipbook.bind(($.isTouch) ? 'touchend' : 'click');
}
function loadBook() {
var bookInitialPages = '';
var flipbook = $('.sj-book');
flipbook.turn({
pages: PageCount + 1, direction: "rtl",
autoCenter: true,
duration: 1000
});
resizeDiv();
if (flipbook.width() == 0 || flipbook.height() == 0) {
setTimeout(loadApp, 10);
return;
}
flipbook.bind('turning', function (e, page) {
var range = $(this).turn('range', page);
var book = $(this),
currentPage = book.turn('page'),
pages = book.turn('pages');
});
flipbook.bind('turned', function (e, page) {
var book = $(this),
currentPage = book.turn('page'),
pages = book.turn('pages');
book.turn('center');
resizeDiv();
});
}
function addPage(page, book) {
var id, pages = book.turn('pages');
if (!book.turn('hasPage', page)) {
var element = $('<div />',
{
'xclass': 'xown-size',
css: { xwidth: 460, xheight: 582 }
}).
html('<div class="loader">Loading...</div>');
if (book.turn('addPage', element, page)) {
loadPage(page, element);
}
resizeDiv();
}
}
function loadPage(page, element) {
$.ajax({ url: 'pages/page' + page + '.html', dataType: 'html', type: 'GET' }).
done(function (pageHtml) {
element.html("<div>" + pageHtml + "</div>");
});
}
$('#canvas').css({ visibility: 'hidden' });
$(function () {
yepnope({
test: Modernizr.csstransforms,
yep: ['js/turn.min.js'],
nope: ['js/turn.html4.min.js'],
both: ['css/BookContainer.css'],
complete: loadApp
});
});
function positionPopup() {
if (!$("#overlay_form").is(':visible')) {
return;
}
$("#overlay_form").css({
left: ($(window).width() - 800) / 2,
top: 0,
position: 'fixed',
});
}
</script>
</body>
</html>
最佳答案
您的 HTML 格式不正确 - 缺少结束标记 - 这就是您看到源代码的原因。使用W3C Validator检查您的 HTML 源代码。
并将 loadUrl() 调用移到最后一次 webView.getSettings() 调用之后。
webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setDisplayZoomControls(false);
webView.getSettings().setPluginsEnabled(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.setHorizontalScrollBarEnabled(false);
webView.getSettings().setDomStorageEnabled(true);
// load page after settings
webView.loadUrl("file:///android_asset/book/index.html");
关于javascript - WebView 在 Android 上无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17521779/
Webview shouldInterceptRequest方法总是返回null。我去了adblocking的use方法。我尝试了很多adblock方法,但是总是需要这个shouldIntercept
在我的 Native React 项目中,我想使用 WebView。 HTML是指外部的css文件,css文件是指一些自定义字体。 鉴于此层次结构: app/ app/index.ios.js app
我在一个页面上有多个 webview,当应用程序加载时,主页面卡住了将近 8-10 秒,我猜测这是所有 webview 加载各自网站所花费的时间,为什么 Ui 卡住了,我怎么能使 webview 加载
nativescript 中的 webview 是否有“导航”事件? 我已经在 Xamarin (c#) 中用 完成了 Browser.Navigating += Myfunction natives
我的浏览器 (webview) 以 HTML 页面开头 FILEJAVA.class.getResource ("FILEHTML.html")。 ToExternalForm () 每当我访问谷歌时
我们正在开发一个 JavaFX 2.x 应用程序,它需要提供一些 GIS 支持。我们得出的结论是,通过嵌入式 WebView 使用 GoogleMaps 是最快的选择。它的问题在于每次我们的应用程序启
有没有办法销毁 WebView 实例?如果页面加载,并说视频开始播放,我希望能够,当我隐藏 WebView 时,基本上可以销毁它,或者至少重置它。 我知道我可以听 visibleProperty 并执
有没有办法在不启用远程模块的情况下在 webview 和主窗口之间进行通信? When this attribute is false the guest page in webview will
我使用以下代码来拦截Web View 中的对话框,但看不到内容或无法与之交互: Element webview= querySelector("#webview"); Map map=new
我正在创建一个页面,该页面将在 Java 的 WebView 中打开,或在外部浏览器中手动打开。如果页面是从 Java 加载的——我需要它来执行特定的回调,因为 Java 被用作一种后端,但如果页面是
我有一个 React Native WebView ,它运行一个小的 HTML 文档。该文档显示了一些图像。 我希望显示位于应用程序的 Documents 文件夹中的图像,即图像不是静态 Assets
我正在使用 JavaFX webview 开发一个网络爬虫。出于抓取目的,我不需要加载图像。当页面被加载时,Webkit 会产生很多 UrlLoader 线程。所以我认为最好禁用图像,这样我会节省很多
这个问题在这里已经有了答案: Android webview launches browser when calling loadurl (11 个答案) 关闭 7 年前。 我花了两天的时间来寻找一
我正在加载一个网页,我想使用基本身份验证登录,我有使用 Swift 的经验并且能够像下面那样执行基本身份验证,但我无法为我的应用程序的 Flutter 版本实现基本身份验证。 ---- swift 代
我用 webview 创建了应用程序,我想在 webview 中加载所有内部链接并在 android 浏览器中加载外部链接。现在的问题是我正在使用 html 广告,当我点击广告时我想打开外部浏览器,但
我需要在父背景图案上显示我的 webview 内容。有没有直接的方法来做到这一点? 最佳答案 这可能有用 final com.sun.webkit.WebPage webPage = com.sun.
是否可以从 webview 中加载的页面读取 http 请求和响应数据。我想要做的是在用户单击 webview 中页面内的链接后从响应中获取二进制数据。任何帮助或线索将不胜感激 最佳答案 创建您自己的
我有一个简单的WebView在 Android 上运行 Web 应用程序。问题是当我旋转手机以将其更改为横向 webview重新加载并回到开头。 我怎样才能防止这种行为? 罗恩 最佳答案 从 Andr
我创建了一个带有 webview 标签的自定义浏览器。当我在 google.it(或 google.com)中导航时,有时会出现一条消息说 chrome 已过时。我的应用版本是: Node.js 8.
我正在使用 Electron 创建简单的网络浏览器。我的用例是我需要通过不同/各自的代理 IP 路由每个 URL。如果用户输入 google.com,则必须通过 123.123.122.1:8081
我是一名优秀的程序员,十分优秀!