資訊專欄INFORMATION COLUMN
摘要：找一個解碼的網站，輸入這個字符串，得到信息果然仍然切換到標簽，查找哈哈，下一關第關這一關仍然是這個套路，不過搜索之后發現怎么沒有呢不著急，看看里應該就在下的右邊。
前言
IMWebConf 2017 ←這是官網
然后看到了這個：
所以就試了下，作為一個前端菜鳥，發現通關還挺簡單的，不過每個方面的知識都涉及到一點，所以在這里總結一下。
下面進入正題。
第 0 關就在這個頁面打開控制臺就能看到這個信息：
window.location.search.match(/imweb-magic-land/) == true
在Google搜索 window.location.search ，順便打開控制臺試一下 ：
應該明白了吧？這個指的就是url后面帶的參數，那么要為 true 的話，就在url后加上 ?imweb-magic-land
變成這樣：http://2017.imweb.io/?imweb-m...
順利進入下一關~！
第 1 關打開上面的url，控制臺輸出了這樣的信息：
這個簡單，切換到Elements標簽，然后搜索 portal ，可以看到一個id為 portal 的p標簽：
這串數字就是進入下一關的參數啦~
不過直接在控制臺輸入 window.location.search = document.getElementById("portal").innerText
就可以自動跳轉了~
這一關真的沒難度，切換到 Application 選項卡，打開 localStorage ：
key = portal的值就是下一關的參數了。
注意看最上面的一條數據，包含了當前頁的位置信息，所以每次都會不同的哦，想直接到最后一關是不行的~
第 3 關這一關就給了一條信息，只能試試看，切換到 Elements 標簽，搜索一下導師姓名：
哈哈果然，拿到傳送門，下一關~
第 4 關這一關給了一串‘亂碼’，不過熟悉的一看就知道這是中文經過Encode之后的樣子。找一個解碼的網站，輸入這個字符串，得到信息：
果然~仍然切換到 Elements 標簽，查找：
哈哈，下一關！
第 5 關這一關仍然是這個套路，不過搜索之后發現怎么沒有呢？不著急，看看 style 里（應該就在 Elements 下的右邊）。先點擊選中這個h3標簽：
這樣右邊顯示的就是當前元素的樣式:
content里的內容就是下一關的位置了
第 6 關這一關的信息是兩串數字，一看就是時間戳嘛。
直接轉換成時間：
在 日程 > 性能 找到：
點擊頭像 5 下之后，控制臺輸出信息，下一關~
第 7 關沒有第 7 關了，到這里就結束了~
End.
后記通過六關，拿到了三張優惠券，不過還是買不起哈哈哈。
說起來這個主要目的是宣傳，所以沒什么難度也是正常的，window.location.search 這個學習了，前段時間做實習項目，看到封裝了一個函數可以拿到url后面的信息，還感覺很神奇，結果原來是這樣子。
我的blog鏈接：blog.life1st.cn/article/IMWebConf2017_eggs
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112478.html
摘要：找一個解碼的網站，輸入這個字符串，得到信息果然仍然切換到標簽，查找哈哈，下一關第關這一關仍然是這個套路，不過搜索之后發現怎么沒有呢不著急，看看里應該就在下的右邊。 前言 IMWebConf 2017 ←這是官網 然后看到了這個：showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就試了下，作為一個前端菜鳥，發現通關還挺...
摘要：找一個解碼的網站，輸入這個字符串，得到信息果然仍然切換到標簽，查找哈哈，下一關第關這一關仍然是這個套路，不過搜索之后發現怎么沒有呢不著急，看看里應該就在下的右邊。 前言 IMWebConf 2017 ←這是官網 然后看到了這個：showImg(https://segmentfault.com/img/bVTLkO?w=416&h=602); 所以就試了下，作為一個前端菜鳥，發現通關還挺...
摘要：前端日報精選的現狀網頁性能提升指南精讀現代概覽從入門到真實項目配置瀏覽器的渲染過程與原理動畫動畫中文第期跨瀏覽器頁的通信解決方案嘗試前端面試題及答案總結掘金周刊教程最熟悉的陌生人個人文章技術周刊期知乎專欄的缺口和中的樣式從外 2017-09-18 前端日報 精選 Web 的現狀：網頁性能提升指南精讀《現代 JavaScript 概覽》webpack：從入門到真實項目配置瀏覽器的渲染：過...
摘要：在開源軟件中，加彩蛋是一種樂趣，并不為奇，同為知名組件庫的項目，也經常在文檔中埋藏很多彩蛋，不過僅僅是在文檔中，組件庫中是沒有的。本來就來介紹下我們在開源項目中是怎樣埋彩蛋的。 今天的 AntDesign 圣誕節彩蛋事件確實炸開了鍋，加彩蛋的初衷是好的，只是這次玩過了火。 在開源軟件中，加彩蛋是一種樂趣，并不為奇，同為知名 UI 組件庫的 iView 項目，也經常在 文檔 中埋藏很多彩...
摘要：前端日報精選精讀殺雞用牛刀讓網頁渲染如絲順滑從上下文，到作用域彩蛋理解閉包網頁轉圖片技術分享中文第期反擊爬蟲，前端工程師的腦洞可以有多大浮點數陷阱及解法有用的代碼片段和免費的計算機編程類中文書籍，歡迎投稿核心特性理解 2017-10-15 前端日報 精選 精讀《css-in-js 殺雞用牛刀》WebRender：讓網頁渲染如絲順滑從上下文，到作用域（彩蛋：理解閉包）Vue 2.5 re...
閱讀 2259·2021-10-09 09:41
閱讀 3408·2021-09-13 10:34
閱讀 1920·2019-08-30 12:59
閱讀 556·2019-08-29 17:27
閱讀 1063·2019-08-29 16:07
閱讀 2956·2019-08-29 13:15
閱讀 1305·2019-08-29 13:14
閱讀 1560·2019-08-26 12:18
