webview中的图片相应事件相应 坑


需求:
        点击webview中的图片相应事件,点击里面按钮相应事件。网页源代码中没有提供响应的javascript的方法,所以需要重新写方法 来响应时间 ,实现android和html代码互调
代码 红色部分就是拼接的javascript代码   通过点击图片 或者按钮 响应点击事件,调用远程javascript代码,里面方法,通过分析远程javascript代码中都是调用了click方法 所以在html代码头部 增加了 方法 click


package com.dream.will.a9_5dbhelper.ui;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;

import com.dream.will.a9_5dbhelper.R;

public class MainActivity extends AppCompatActivity {

    private String content = "<!DOCTYPE html>\n" +
            "<html>\n" +
            "\t<head>" +
            "\n" +
            "\t    <meta charset=\"gbk\">\n" +
            "\t    <meta name=\"renderer\" content=\"webkit\">\n" +
            "\t    <meta name=\"format-detection\" content=\"telephone=no\">\n" +
            "\t    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge\">\n" +
            "\t    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n" +
            "\t    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\n" +
            "\t    <meta id=\"vp\" name=\"viewport\" content=\"width=device-width, user-scalable=no,maximum-scale=1.0,initial-scale=1\">\n" +
            "\t    <title>迈出这一步,再无回头路——踏入深渊的恐怖电影</title>\n" +
            "        <link rel=\"stylesheet\" type=\"text/css\" href=\"http://api.markapp.cn/mark_web/Public/css/singledetail.css?v=12\">\n" +
            "\t\t<script language=\"javascript\">\n" +
            "\t\tfunction click(str){\n" +
            "\t\twindow.bevent.bclick(str);\n" +
            "\t\t}</script>\n" +
            "\t</head>\n" +
            "\t<body>\t\t\n" +
            "    \t\t<div class=\"fill\"><span class=\"banner-title\">迈出这一步,再无回头路——踏入深渊的恐怖电影</span></div>\n" +
            "    \t\t<img class=\"banner\" src=\"\" data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef3048e5987.jpg\">\n" +
            "\t\t<div class=\"content\"><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-09-30_57ee4a7c19400.jpg\" style=\"width:483px;height:211.48699421965318px\"/></p><p><br/></p><p>恐怖电影里,没有无辜者。 &nbsp;</p><p><br/></p><p>我们总喜欢用“不作死就不会死”来揶揄那些故事里的主角。</p><p><br/></p><p>就好像他们如果悬崖勒马,就能免去之后那些是非。虽不至走上光明大路,但也不会落得身首异处。 &nbsp;</p><p><br/></p><p>但真的如此吗?&nbsp;</p><p><br/></p><p>在他们迈出第一步,踏入非常世界前,总会受到连番警告。或正义凛然,或其貌不扬的“信使”,提醒他们回头是岸,但他们充耳不闻。</p><p><br/></p><p>散落的尸骸,破败的废墟,提醒他们不宜久留,但他们一意孤行。直至异状出现,黑影憧憧,他们还是独行其是。 &nbsp;</p><p><br/></p><p>这是愚蠢,还是勇气?还是他们所寻之物,帮他们击溃了恐惧?</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef31611f4d3.png\" style=\"width:483px;height:319.56396148555706px\"/></p><p><br/></p><p><br/></p><p>“当你凝视深渊之时,深渊也在凝视着你”——尼采 &nbsp;</p><p><br/></p><p>深渊也有很多形式,如洞窟,如古宅,如荒村……其实深渊很少主动下帖邀约,而是人们内心的隐秘渴望,将他们带到了黑暗边缘。</p><p><br/></p><p>他们眼见自己所寻之物,正于暗处散发诱人光芒,那光线微弱,似乎随时都会消散,却能穿透一切黑暗。 &nbsp;</p><p><br/></p><p>所以,他们一跃而下,直面无尽的未知与恐怖。 &nbsp;</p><p><br/></p><p>但谁又能猜到,他们最后找到的东西,可能比深渊本身,还要令人恐惧。 <span class=\"Apple-tab-span\" style=\"white-space: pre;\">\t</span>&nbsp;</p><p><br/></p><p>以下这些电影,正是关于那些无视警告,试图窥探深渊之秘的故事。</p><p><br/></p><section style=\"white-space: normal; line-height: 25.6px; color: rgb(62, 62, 62); font-family: &#39;Helvetica Neue&#39;, Helvetica, &#39;Hiragino Sans GB&#39;, &#39;Microsoft YaHei&#39;, Arial, sans-serif; box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;\"><section class=\"\" style=\"padding: 10px; display: inline-block; width: 100%; border: 1px solid transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-sizing: border-box; background-color: rgb(239, 239, 239);\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section style=\"box-sizing: border-box;\"><p style=\"line-height: 25.6px; text-align: center;\"><strong><span style=\"font-size: 18px;\"><strong style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; line-height: 25.6px; color: rgb(171, 25, 66);\"><span style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; font-size: 20px;\">1.黑暗侵袭</span></strong></span></strong></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px; line-height: 25.6px;\">The Descent(2005)</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">导演: 尼尔·马歇尔</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">主演:&nbsp;肖娜·麦克唐纳 / 娜塔莉·杰克逊·门多萨 / 阿里克斯·瑞德</span></p></section></section></section></section></section></section></section></section><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef329274eda.png\" style=\"width:423px;height:634px\"/></p><p><br/></p><p>幸福平安难长久,一次惨烈的车祸让莎拉家破人亡。她的丈夫和女儿撒手人寰,只留她一人残喘。</p><p><br/></p><p>所幸莎拉还有三五好友,他们为她安排了一次洞穴探险,试图将其带出自怨自艾的泥沼。</p><p><br/></p><p>那是一处森林中的古老岩洞,黑暗荒僻,走上几个小时也难见人影。 &nbsp;</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef3288e76bc.png\" style=\"width:483px;height:301.96444444444444px\"/></p><p><br/></p><p>即使再有冒险精神,初次尝试这种旅行也让众人有些不安。但洞穴中的天然美景却让他们暂时忘却了烦恼。</p><p><br/></p><p>但这些女孩并不知道,这狭窄而幽深的岩洞深处,已有生物蛰伏许久,它们嗜血且疯狂。莎拉一行人如同送上门的美餐一般…… &nbsp; &nbsp;&nbsp;</p><p><br/></p><p>一部恐怖电影,能在以刁钻著称的“英国独立电影节”上夺得两项大奖,的确难得。</p><p><br/></p><p>也正如BBC的评价:这电影让人害怕却印象深刻。 &nbsp;</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef32a4f3760.png\" style=\"width:483px;height:313.98435277382646px\"/></p><p><br/></p><p>什么东西令人难以忘怀?自然是意外的,反转的,超越常理的,更重要的,是深刻的。 &nbsp; &nbsp;</p><p><br/></p><p>有个指标可以衡量恐怖片的恶俗程度,就是数一数片中到底有几次尖叫。那种一点风吹草动就失魂落魄的角色,也注定了故事的苍白无力。 &nbsp;</p><p><br/></p><p>而本片摈弃了这种低级伎俩,它不再沿路设下陷阱,让你走上两步、踩下一个、尖叫三声,机械而无趣。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef32b2ca826.png\" style=\"width:483px;height:312.87748851454825px\"/></p><p><br/></p><p>它沿用经典的叙事模式,以悬念提升张力,以伏笔推进主题,前后呼应,细节严谨,使得本片有着不一般的感染力。 &nbsp; &nbsp;</p><p><br/></p><p>片中原本团结和睦的团队,在黑暗与恐惧的压力下,逐渐变成了另一种东西。</p><p><br/></p><p>当生存本能受到严重威胁时,其他的一切都要退居其次。理智崩溃,友情消散,爬虫动物脑占据主动,人性中那些黑暗的东西开始浮上水面。 &nbsp;</p><p><br/></p><p>人,在你眼前变异为像人东西,这种现实感正是恐惧的源头。因为恐惧不止来源于未知,恐惧来源于我们对自己的未知。</p><p><br/></p><p><div class=\"movie_cell\" οnclick=\"imgClick(54774)\">\n" +
            "    \t\t\t\t\t<div class=\"movie_left\">\n" +
            "\t\t            \t<img data-ke-src=\"https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p460132518.jpg\" class=\"scrollLoading imgurl\" is-click=\"1\">\n" +
            "\t\t            </div>\n" +
            "\t\t            <div class=\"movie_right\">\n" +
            "\t\t            \t    <div class=\"rating\">7.6分(豆瓣)</div>\n" +
            "                        <div class=\"title\">黑暗侵袭</div>\n" +
            "\t\t                <div class=\"des\">2005-07-08(英国)</div><div id=\"btn54774\" class=\"btn-movie list notadded\">\n" +
            "                                <button id=\"leftbtn54774\" class=\"left\" type=\"button\" οnclick=\"btnLeftClick(54774)\">\n" +
            "                                想看\n" +
            "                                </button><span class=\"line\"></span>\n" +
            "                                <button class=\"right\" type=\"button\" οnclick=\"btnRightClick(54774)\">\n" +
            "                                    <span class=\"icon icon-ok\">&#xe804;</span>\n" +
            "                                    </button>\n" +
            "                                </div><div><div class=\"des\">99 分钟</div><div class=\"des\">剧情/悬疑/恐怖</div></div></div></div></p><p><br/></p><section style=\"white-space: normal; line-height: 25.6px; color: rgb(62, 62, 62); font-family: &#39;Helvetica Neue&#39;, Helvetica, &#39;Hiragino Sans GB&#39;, &#39;Microsoft YaHei&#39;, Arial, sans-serif; box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;\"><section class=\"\" style=\"padding: 10px; display: inline-block; width: 100%; border: 1px solid transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-sizing: border-box; background-color: rgb(239, 239, 239);\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section style=\"box-sizing: border-box;\"><p style=\"line-height: 25.6px; text-align: center;\"><strong><span style=\"font-size: 18px;\"><strong style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; line-height: 25.6px; color: rgb(171, 25, 66);\"><span style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; font-size: 20px;\">2.战栗黑洞</span></strong></span></strong></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px; line-height: 25.6px;\">In the Mouth of Madness(1994)</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">导演: 约翰·卡朋特</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">主演:&nbsp;山姆·尼尔 / 朱莉·卡门 / 尤尔根·普洛斯诺</span></p></section></section></section></section></section></section></section></section><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef32db15808.png\" style=\"width:389px;height:549px\"/></p><p><br/></p><p>凯恩失踪了。这让他的编辑琳达很是抓狂。这位恐怖小说家可是出版社的摇钱树,他这一走不仅带走了即将印刷的书稿,还要引来不少是非。</p><p><br/></p><p>因为凯恩在书中那身临其境的描写与预测,使得他的粉丝如醉如迷。他们视其为大师,不惜付出一切代价,只为读他的作品。 &nbsp;</p><p><br/></p><p>所以女编辑琳达只能向私家侦探约翰求助,一起寻找凯恩的下落。</p><p><br/></p><p>但人海茫茫,上哪去找?所幸,他们在凯恩的手稿里发现了一条线索,它指向了凯恩曾描写过的小镇。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef334cb10b2.png\" style=\"width:483px;height:299.7496740547588px\"/></p><p><br/></p><p>而直到他们到达小镇时,才发现书中所述那些疯狂诡异的故事,其实真实存在…… &nbsp; &nbsp;&nbsp;</p><p><br/></p><p>如果你常看恐怖电影,即使不记得卡朋特的名字,也应该知道《怪形》。</p><p><br/></p><p>这部《战栗黑洞》也是同属于“启示录”三部曲之列。</p><p><br/></p><p>相比《怪形》的所塑造的有形噩梦,这部电影显然更加内敛深沉,削减恐怖元素的同时,使得故事更加厚重,引人深思。 &nbsp;&nbsp;</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef335f9fc58.png\" style=\"width:483px;height:303.4230769230769px\"/></p><p><br/></p><p>想象一下,你是生活在鱼缸中的一条金鱼。你与另一条金鱼结伴同行,你的世界只有鱼缸那么大面积。而突然有天,一只手伸入水中,抓走了你唯一的朋友。 &nbsp;</p><p><br/></p><p>但对于你来说,根本没有什么外界的概念,你的朋友也不会凭空消失。于是一瞬间,原本支撑你生活下去,由常识和经验堆砌而成的大厦在你眼前崩溃。 &nbsp;</p><p><br/></p><p>这才是未知的恐惧。 &nbsp; &nbsp;</p><p><br/></p><p>我们的主角约翰,正是要面对这种超越理智的挑战。 &nbsp;</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef336f0f1c8.png\" style=\"width:483px;height:316.7991573033708px\"/></p><p><br/></p><p>笃信逻辑,注重事实,是私家侦探的立身之本。约翰从事这行当多年,当然不屑于什么神鬼之说。所以面对大厦崩塌,他唯一能做的就是走向疯狂。 &nbsp; &nbsp;</p><p><br/></p><p>就像恐怖小说大师斯蒂芬·金的作品,这位作家笔下的世界,多处在虚幻与现实的边界中,那里的人们沉溺于自己的想象力,却不知自己正一步步陷入泥潭之中。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef33798f590.png\" style=\"width:483px;height:205.75933609958506px\"/></p><p><br/></p><p>而常与斯蒂芬金合作的导演卡朋特,也不免受其影响,创造出这种超越人类理智边界的故事。<br/></p><p><br/></p><p><div class=\"movie_cell\" οnclick=\"imgClick(72042)\">\n" +
            "    \t\t\t\t\t<div class=\"movie_left\">\n" +
            "\t\t            \t<img data-ke-src=\"https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p1078004649.jpg\" class=\"scrollLoading imgurl\" is-click=\"1\">\n" +
            "\t\t            </div>\n" +
            "\t\t            <div class=\"movie_right\">\n" +
            "\t\t            \t    <div class=\"rating\">7.5分(豆瓣)</div>\n" +
            "                        <div class=\"title\">战栗黑洞</div>\n" +
            "\t\t                <div class=\"des\">1995-02-03(美国)</div><div id=\"btn72042\" class=\"btn-movie list notadded\">\n" +
            "                                <button id=\"leftbtn72042\" class=\"left\" type=\"button\" οnclick=\"btnLeftClick(72042)\">\n" +
            "                                想看\n" +
            "                                </button><span class=\"line\"></span>\n" +
            "                                <button class=\"right\" type=\"button\" οnclick=\"btnRightClick(72042)\">\n" +
            "                                    <span class=\"icon icon-ok\">&#xe804;</span>\n" +
            "                                    </button>\n" +
            "                                </div><div><div class=\"des\">95 分钟</div><div class=\"des\">悬疑/奇幻/恐怖</div></div></div></div></p><p><br/></p><section style=\"white-space: normal; line-height: 25.6px; color: rgb(62, 62, 62); font-family: &#39;Helvetica Neue&#39;, Helvetica, &#39;Hiragino Sans GB&#39;, &#39;Microsoft YaHei&#39;, Arial, sans-serif; box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;\"><section class=\"\" style=\"padding: 10px; display: inline-block; width: 100%; border: 1px solid transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-sizing: border-box; background-color: rgb(239, 239, 239);\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section style=\"box-sizing: border-box;\"><p style=\"line-height: 25.6px; text-align: center;\"><strong><span style=\"font-size: 18px;\"><strong style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; line-height: 25.6px; color: rgb(171, 25, 66);\"><span style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; font-size: 20px;\">3.神秘村</span></strong></span></strong></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px; line-height: 25.6px;\">The Village(2004)</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">导演: M·奈特·沙马兰</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">主演:&nbsp;布莱丝·达拉斯·霍华德 / 杰昆·菲尼克斯 / 艾德里安·布洛迪</span></p></section></section></section></section></section></section></section></section><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef33f08ebb2.png\" style=\"width:411px;height:609px\"/></p><p><br/></p><p>考明顿,是美国宾夕法尼亚州边陲的小村庄。那里风调雨顺,景色秀美,是理想中的田园乐土。</p><p><br/></p><p>那里的村民也是相亲相近,团结和睦,有如乌托邦一般和谐。 &nbsp;</p><p><br/></p><p>但没有外人知道,夜幕降临后,考明顿村中的每一个人都会蜷缩在床上难以入睡。</p><p><br/></p><p>因为村中传说,四周茂密的丛林中生活中一种恐怖异常的怪物。它们和村民签下过约定,双方不可逾越彼此领地。</p><p><br/></p><p>但如今,这道界限正被逐渐打破,人们只能把树干漆成黄色,以此阻挡怪物。&nbsp;</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef33fce48ac.png\" style=\"width:483px;height:321.3481781376518px\"/></p><p><br/></p><p>但年轻人路西斯的母亲病了,他必须去森林另外一边的城镇采购药物,但他并不知道这一举动将彻底打破最后的平衡…… &nbsp; &nbsp;&nbsp;</p><p><br/></p><p>每个人心中,都曾有外出探险的渴望。对于路西斯这样的人来说,这渴望更如火焰般炽热。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef341038a01.png\" style=\"width:483px;height:271.64864864864865px\"/></p><p><br/></p><p>虽然众人试图用恐惧来阻止他的脚步,但他一往无前,直至发掘出背后的真相。 &nbsp;</p><p><br/></p><p>揭露美丽外表下的暗疮,是很多电影的不变主题。影片开头的田园风光,宁静而致远,自然能引起你我向往与遐想,但其中透出的隐隐不安,暗示着其下奔涌的暗流。 &nbsp; &nbsp;</p><p><br/></p><p>营造氛围一直是沙马兰的特长,在他的成名作品《第六感》里就可见一斑。</p><p><br/></p><p>片中世外桃源一般的风光呈现,为这部立意高远的电影更添视觉深度,而缓和的节奏在这类电影里也属罕见。 &nbsp;&nbsp;</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef341db2919.png\" style=\"width:483px;height:321.5533980582524px\"/></p><p><br/></p><p>饱和明艳的色彩跟恐怖看似很不搭调,因为它们会破坏压抑氛围。但本片却不受此限,用浓烈色块点缀画面。</p><p><br/></p><p>黄色雨衣,殷红披风,大片野草莓散步在密林深处,这样的对比手法使得恐怖片也披上一层艺术感。</p><p><br/></p><p><div class=\"movie_cell\" οnclick=\"imgClick(59180)\">\n" +
            "    \t\t\t\t\t<div class=\"movie_left\">\n" +
            "\t\t            \t<img data-ke-src=\"https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2161515392.jpg\" class=\"scrollLoading imgurl\" is-click=\"1\">\n" +
            "\t\t            </div>\n" +
            "\t\t            <div class=\"movie_right\">\n" +
            "\t\t            \t    <div class=\"rating\">6.9分(豆瓣)</div>\n" +
            "                        <div class=\"title\">神秘村</div>\n" +
            "\t\t                <div class=\"des\">2004-07-30</div><div id=\"btn59180\" class=\"btn-movie list notadded\">\n" +
            "                                <button id=\"leftbtn59180\" class=\"left\" type=\"button\" οnclick=\"btnLeftClick(59180)\">\n" +
            "                                想看\n" +
            "                                </button><span class=\"line\"></span>\n" +
            "                                <button class=\"right\" type=\"button\" οnclick=\"btnRightClick(59180)\">\n" +
            "                                    <span class=\"icon icon-ok\">&#xe804;</span>\n" +
            "                                    </button>\n" +
            "                                </div><div><div class=\"des\">108 分钟</div><div class=\"des\">悬疑/惊悚</div></div></div></div></p><p><br/></p><section style=\"white-space: normal; line-height: 25.6px; color: rgb(62, 62, 62); font-family: &#39;Helvetica Neue&#39;, Helvetica, &#39;Hiragino Sans GB&#39;, &#39;Microsoft YaHei&#39;, Arial, sans-serif; box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;\"><section class=\"\" style=\"padding: 10px; display: inline-block; width: 100%; border: 1px solid transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-sizing: border-box; background-color: rgb(239, 239, 239);\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section class=\"\" style=\"box-sizing: border-box;\"><section style=\"box-sizing: border-box;\"><p style=\"line-height: 25.6px; text-align: center;\"><strong><span style=\"font-size: 18px;\"><strong style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; line-height: 25.6px; color: rgb(171, 25, 66);\"><span style=\"word-break: break-all; border: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; font-size: 20px;\">4.战栗空间</span></strong></span></strong></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px; line-height: 25.6px;\">Panic Room(2002)</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">导演: 大卫·芬奇</span></p><p style=\"line-height: 25.6px; text-align: center;\"><span style=\"font-size: 14px;\">主演:&nbsp;朱迪·福斯特 / 克里斯汀·斯图尔特 / 福里斯特·惠特克</span></p></section></section></section></section></section></section></section></section><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef344621339.png\" style=\"width:401px;height:608px\"/></p><p><br/></p><p>单身妈妈梅格,刚离开她那不幸的婚姻,就带着女儿莎拉搬到了新家。</p><p><br/></p><p>但这房子有点奇怪,其中隐藏了一间暗室,里面装满了监视器,连接着房间各角的摄像机。 &nbsp;</p><p><br/></p><p>当然,母女二人只是当这房间有趣,却从没想过它能发挥什么作用。但母女俩刚住下的第一夜,就有不速之客闯入屋中。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef34971828f.png\" style=\"width:483px;height:304.43636363636364px\"/></p><p><br/></p><p>母女二人很快就发现来者不善,她们躲进了那间密室,试图躲过这一夜风波。但闯入者们显然不愿就此罢休,他们正一步步逼近两人的藏身之所。 &nbsp;  &nbsp;&nbsp;</p><p><br/></p><p>如果你觉得恐怖电影都需要先铺设悬念,在营造氛围的同时,慢慢推进故事。</p><p><br/></p><p>那《战栗空间》便会打破这种成见。 &nbsp;</p><p><br/></p><p>导演在开始就把一切脉络摆上台面。虽然剧情简单明了,却丝毫不会减损观赏乐趣。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef34a309161.png\" style=\"width:483px;height:324.41379310344826px\"/></p><p><br/></p><p>反因减少了思考的负担,那发现危险的触角变得更加敏感。 &nbsp; &nbsp;&nbsp;</p><p><br/></p><p>封闭空间与不速之客,是制造惊悚与悬念的不二之选。</p><p><br/></p><p>而大卫·芬奇正擅长烹饪惊惧之汤,他在片中添入一种称为“焦灼”的调料,这使得紧张催化加剧。</p><p><br/></p><p><img data-ke-src=\"http://7xqnv7.com2.z0.glb.qiniucdn.com/2016-10-01_57ef34b3472e5.png\" style=\"width:483px;height:304.64150943396226px\"/></p><p><br/></p><p>随着匪徒慢慢突破保护母女二人的唯一屏障,恐慌不断升温,灼烧着观众脆弱的神经。 &nbsp; &nbsp;</p><p><br/></p><p>其实光为了大卫·芬奇和朱迪·福斯特这两个名字,这片就值得一看。</p><p><br/></p><p>前者以构思巧妙闻名,后者演技也极具张力,两者皆浓缩在这“最长的一夜”里。</p><p><br/></p><p><div class=\"movie_cell\" οnclick=\"imgClick(62258)\">\n" +
            "    \t\t\t\t\t<div class=\"movie_left\">\n" +
            "\t\t            \t<img data-ke-src=\"https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p1042233353.jpg\" class=\"scrollLoading imgurl\" is-click=\"1\">\n" +
            "\t\t            </div>\n" +
            "\t\t            <div class=\"movie_right\">\n" +
            "\t\t            \t    <div class=\"rating\">7.1分(豆瓣)</div>\n" +
            "                        <div class=\"title\">战栗空间</div>\n" +
            "\t\t                <div class=\"des\">2002-03-29(美国)</div><div id=\"btn62258\" class=\"btn-movie list notadded\">\n" +
            "                                <button id=\"leftbtn62258\" class=\"left\" type=\"button\" οnclick=\"btnLeftClick(62258)\">\n" +
            "                                想看\n" +
            "                                </button><span class=\"line\"></span>\n" +
            "                                <button class=\"right\" type=\"button\" οnclick=\"btnRightClick(62258)\">\n" +
            "                                    <span class=\"icon icon-ok\">&#xe804;</span>\n" +
            "                                    </button>\n" +
            "                                </div><div><div class=\"des\">112 分钟</div><div class=\"des\">惊悚</div></div></div></div></p><p></p><script > var MOVIES=eval('(' +'[{\"movie_id\":\"54774\",\"db_num\":1437109,\"name\":\"\\u9ed1\\u6697\\u4fb5\\u88ad\",\"img_url\":\"https:\\/\\/img1.doubanio.com\\/view\\/movie_poster_cover\\/lpst\\/public\\/p460132518.jpg\",\"pubdate\":\"2005-07-08(\\u82f1\\u56fd)\",\"duration\":\"99 \\u5206\\u949f\",\"genres\":\"\\u5267\\u60c5\\/\\u60ac\\u7591\\/\\u6050\\u6016\",\"dbrating\":\"7.6\",\"is_done\":\"-1\"},{\"movie_id\":\"59180\",\"db_num\":1309153,\"name\":\"\\u795e\\u79d8\\u6751\",\"img_url\":\"https:\\/\\/img3.doubanio.com\\/view\\/movie_poster_cover\\/lpst\\/public\\/p2161515392.jpg\",\"pubdate\":\"2004-07-30\",\"duration\":\"108 \\u5206\\u949f\",\"genres\":\"\\u60ac\\u7591\\/\\u60ca\\u609a\",\"dbrating\":\"6.9\",\"is_done\":\"-1\"},{\"movie_id\":\"62258\",\"db_num\":1306911,\"name\":\"\\u6218\\u6817\\u7a7a\\u95f4\",\"img_url\":\"https:\\/\\/img3.doubanio.com\\/view\\/movie_poster_cover\\/lpst\\/public\\/p1042233353.jpg\",\"pubdate\":\"2002-03-29(\\u7f8e\\u56fd)\",\"duration\":\"112 \\u5206\\u949f\",\"genres\":\"\\u60ca\\u609a\",\"dbrating\":\"7.1\",\"is_done\":\"-1\"},{\"movie_id\":\"72042\",\"db_num\":1303460,\"name\":\"\\u6218\\u6817\\u9ed1\\u6d1e\",\"img_url\":\"https:\\/\\/img1.doubanio.com\\/view\\/movie_poster_cover\\/lpst\\/public\\/p1078004649.jpg\",\"pubdate\":\"1995-02-03(\\u7f8e\\u56fd)\",\"duration\":\"95 \\u5206\\u949f\",\"genres\":\"\\u60ac\\u7591\\/\\u5947\\u5e7b\\/\\u6050\\u6016\",\"dbrating\":\"7.5\",\"is_done\":\"-1\"}]'+ ')'); </script></div>\n" +
            "    </body>\n" +
            "    <script type=\"text/javascript\" src=\"http://api.markapp.cn/mark_web/Public/js/singledetail.js?v=26\"></script>\n" +
            "</html>";

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setOverScrollMode(View.OVER_SCROLL_ALWAYS);
        webView.addJavascriptInterface(new AndrodJs(),"bevent");
        webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        webView.loadDataWithBaseURL("", content, "text/html", "utf-8", null);
    }

    class AndrodJs{ //创建JavascriptInterface 接口让javascript接口
        @JavascriptInterface
        public void bclick(String str){
            Log.i("info",str);
        }
    }
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值