吾愛破解，神經貓源碼解析.

吾愛破解神經貓偶然碰見的，感覺蠻有趣就順便扒到本地試試看。

首先拿到頁面源碼 Ctrl+u，然后格式化一下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>
    <TITLE>您所訪問的頁面可能已經被刪除 - 吾愛破解論壇</TITLE>
    <META content="404錯誤" name="keywords">
    <META http-equiv="Content-Type" content="text/html; charset=utf-8">
    <STYLE type="text/css">
        BODY {
            MARGIN: 0px;
            BACKGROUND-COLOR: #000000
        }

        BODY {
            COLOR: #ffffff;
            FONT-FAMILY: Comic Sans MS;
            background-image: url(https://www.52pojie.cn/bg.jpg);
            background-repeat: repeat;
            background-color: #D9D9D9;
        }

        TD {
            COLOR: #ffffff;
            FONT-FAMILY: Comic Sans MS
        }

        TH {
            COLOR: #ffffff;
            FONT-FAMILY: Comic Sans MS
        }

        .style6 {
            FONT-WEIGHT: bold;
            FONT-SIZE: 12px
        }

        .style7 {
            FONT-SIZE: 18px
        }

        .style8 {
            FONT-SIZE: 12px
        }

        .style9 {
            FONT-SIZE: 24px;
            FONT-FAMILY: "楷體_GB2312"
        }

        .style10 {
            COLOR: #ff0000
        }

        body,
        td,
        th {
            color: #666;
        }

        a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #666;
        }

        a:link {
            text-decoration: none;
            color: #06F;
        }

        a:visited {
            text-decoration: none;
            color: #09F;
        }

        a:hover {
            text-decoration: none;
            color: #09F;
        }

        a:active {
            text-decoration: none;
            color: #09F;
        }
    </STYLE>
    <META content="MSHTML 6.00.2900.3354" name="GENERATOR">
</HEAD>

<BODY>
    <DIV align="center">
        <P align="left"></P>
        <P></P>
        <font size="3" face="黑體">吾愛破解論壇友情提醒您：您所訪問的頁面不存在或者已刪除， <a
                ><b>查看版規 </b></a>。</font>
        <P></P>
        <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle"
            style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2139103486038198"
            data-ad-slot="6131515813"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({})
        </script>
        <P></P>
        <font size="3" face="黑體">游戲《圈小貓》</font>
        <P></P>
        <script src="https://down.52pojie.cn/.fancyindex/js/phaser.min.js"></script>
        <script src="https://down.52pojie.cn/.fancyindex/js/catch-the-cat.js"></script>
        <div id="catch-the-cat"></div>
        <script>
            window.game = new CatchTheCatGame({
                w: 11,
                h: 11,
                r: 20,
                backgroundColor: 16777215,
                parent: "catch-the-cat",
                statusBarAlign: "center",
                credit: "www.52pojie.cn"
            })
        </script>
    </DIV>
    <DIV class="style6" align="center">
        <P class="style7"></P>
        <P class="style8"><SPAN class="style10"><img src="https://www.52pojie.cn/home.png" width="30" height="30"
                    alt="點擊返回主頁"> <a  title="返回首頁" target="_new">返回首頁</a></SPAN></P>
        <P class="style8">www.52pojie.cn</P>
        <div id="loadad"></div>
        <script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script>
        <script type="text/javascript">
            BAIDU_CLB_fillSlotAsync("u2651821", "loadad")
        </script>
    </DIV>
    <script>
        var _hmt = _hmt || [];
        ! function () {
            var e = document.createElement("script");
            e.src = "https://hm.baidu.com/hm.js?46d556462595ed05e05f009cdafff31a";
            var t = document.getElementsByTagName("script")[0];
            t.parentNode.insertBefore(e, t)
        }()
    </script>
</BODY>

</HTML>

首先去除掉沒用的東西


image.png

↑ google 廣告你不會需要它吧？

image.png

image.png

↑ 百度的廣告就更不需要了

現在我們的界面是這樣的


image.png

貓去哪了 - -，不急我們先解決報錯。
可以看到報錯時在phaser.min.js這個文件里，我們先格式化后引入本地。
再次查看報錯信息。


現在我們發現在18806行，出現了跨域的錯誤。
image.png

首先找到這個位置，通過調試發現變量o就是出現跨域問題的圖片。

然后我們來解決跨域問題。

在處理圖片函數前加上這句代碼


image.png

然后神奇的事情發生了

image.png

這里解釋一下為什么要加"data:," 這個表示空圖片的base64編碼格式。
小貓出來了，試著運行了下。功能均正常可用。
最后成品圖片

image.png

游戲頁面源碼
myphaser.js 文件太大就不放出來了，大家參照上面加一下。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>您所訪問的頁面可能已經被刪除 - 吾愛破解論壇</TITLE>
    <META content="404錯誤" name="keywords">
    <META http-equiv="Content-Type" content="text/html; charset=utf-8">
    <STYLE type="text/css">
        BODY {
            COLOR: #ffffff;
            FONT-FAMILY: Comic Sans MS;
            background-image: url(https://www.52pojie.cn/bg.jpg);
            background-repeat: repeat;
            background-color: #D9D9D9;
        }
    </STYLE>
    <META content="MSHTML 6.00.2900.3354" name="GENERATOR">
</HEAD>
<BODY>
    <DIV align="center">
        <font size="3" face="黑體">游戲《圈小貓》</font>
        <P></P>
        <script src="./myphaser.js"></script>
        <script src="https://down.52pojie.cn/.fancyindex/js/catch-the-cat.js"></script>
        <div id="catch-the-cat"></div>
        <script>
            window.game = new CatchTheCatGame({
                w: 11,
                h: 11,
                r: 20,
                backgroundColor: 16777215,
                parent: "catch-the-cat",
                statusBarAlign: "center",
                credit: "任然"
            })
        </script>
    </DIV>
</BODY>
</HTML>

本文章僅供學習、參考！
原創不易，轉載請注明出處。

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標準。 注意：講述HT...
    kismetajun閱讀 27,646評論 1贊 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1贊 92
  • Swift1> Swift和OC的區別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,136評論 1贊 32
  • 寫在開頭 先說說為什么要寫這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,322評論 4贊 31
  • 一個特殊的日子 讓所有人都知道了母親的偉大 醫院里面一聲孩子的哭聲 是新生兒的誕生 襁褓中的孩子 是天使的眷顧 學...
    文情木子閱讀 706評論 2贊 7