資訊專欄INFORMATION COLUMN
摘要：比如我想把這個(gè)網(wǎng)頁(yè)上的一個(gè)標(biāo)題用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)進(jìn)行拷貝。如下圖，在開(kāi)發(fā)者工具的標(biāo)簽頁(yè)里給變量賦值于是進(jìn)入了我們期望的分支，此時(shí)，我在網(wǎng)頁(yè)上選中的文本用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)已經(jīng)成功寫(xiě)入變量中，請(qǐng)大家看代碼第行。
我寫(xiě)公眾號(hào)文章時(shí)，經(jīng)常需要從一些網(wǎng)站的文章上查閱一些資料。比如我想把這個(gè)網(wǎng)頁(yè)上的一個(gè)標(biāo)題“SAP Fiori 2.0用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)”進(jìn)行拷貝。
然而當(dāng)我按了鍵盤(pán)上的拷貝快捷鍵Ctrl C后，卻收到這個(gè)提示，告訴我只有登陸后才能夠進(jìn)行復(fù)制操作。
可是為了登陸我得先注冊(cè)，有點(diǎn)麻煩。如果趕時(shí)間的話，可以使用這篇文章的小技巧，達(dá)到不用先注冊(cè)再登陸，也能任意拷貝網(wǎng)頁(yè)文字的效果。
下面是詳細(xì)步驟。
1. 和往常一樣打開(kāi)您想復(fù)制文字的網(wǎng)頁(yè)，先不忙按Ctrl C。按F12打開(kāi)Chrome瀏覽器的開(kāi)發(fā)者工具。
切換到Network標(biāo)簽頁(yè)。為了避免干擾，先點(diǎn)Clear按鈕把Network標(biāo)簽頁(yè)下的網(wǎng)絡(luò)請(qǐng)求全部清除掉。最后如下圖所示：
2. 和往常一樣，點(diǎn)擊復(fù)制的快捷鍵Ctrl C。此時(shí)看到了意料之中的登陸框。然而我們關(guān)心的是：到底是哪一行JavaScript代碼觸發(fā)了這個(gè)登陸框？
從Chrome開(kāi)發(fā)者工具的Network標(biāo)簽頁(yè)里，我們找到了答案。
首先在Network標(biāo)簽頁(yè)里我們找到了登錄對(duì)話框的實(shí)現(xiàn)文件artlogin.html。接著，把鼠標(biāo)放到下圖標(biāo)注了“2”的VN1134：1，Chrome開(kāi)發(fā)者工具就會(huì)自動(dòng)在一個(gè)懸浮窗口里顯示出到底是哪一行JavaScript產(chǎn)生了artlogin.html的加載。答案就是標(biāo)注了“3”的幾個(gè)函數(shù)。這幾個(gè)函數(shù)是以調(diào)用棧的方式顯示的。
最底層的調(diào)用棧里的函數(shù)是DisplayPageinfo.document.body.oncopy。做過(guò)前端開(kāi)發(fā)的朋友們只要看到這個(gè)oncopy，心中就有數(shù)了：這就是該網(wǎng)站處理用戶按了Ctrl+C進(jìn)行文字拷貝的處理函數(shù)，oncopy又會(huì)調(diào)用copyArt函數(shù)。
現(xiàn)在我們就進(jìn)入copyArt函數(shù)一探究竟。果然，下圖第3961行試圖讀取用戶對(duì)于當(dāng)前網(wǎng)站的cookie信息。如果cookie為空，那么進(jìn)入第3962行if語(yǔ)句的第一個(gè)分支：第3970行的$("#LayerLogin").load("/artlogin.html")負(fù)責(zé)的正是登陸對(duì)話框的加載。
講到這里，解決方案已經(jīng)很清楚了：在執(zhí)行第3962行代碼判斷網(wǎng)站cookie之前，我們隨便給變量CurUserNameCookiescgcg賦上一些內(nèi)容，讓它的值不為空，確保進(jìn)入IF的ELSE分支就行了。
如下圖，在Chrome開(kāi)發(fā)者工具的Console標(biāo)簽頁(yè)里給Cookie變量賦值：
于是進(jìn)入了我們期望的ELSE分支，此時(shí)，我在網(wǎng)頁(yè)上選中的文本“SAP Fiori 2.0用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)”已經(jīng)成功寫(xiě)入JavaScript變量selhtml中，請(qǐng)大家看代碼第3986行。
直接點(diǎn)Chrome開(kāi)發(fā)者工具的"Continue"按鈕結(jié)束調(diào)試，打開(kāi)記事本按粘貼的快捷鍵Ctrl+V，成功了。
要獲取更多Jerry的原創(chuàng)技術(shù)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙"或者掃描下面二維碼:
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98544.html
摘要：比如我想把這個(gè)網(wǎng)頁(yè)上的一個(gè)標(biāo)題用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)進(jìn)行拷貝。如下圖，在開(kāi)發(fā)者工具的標(biāo)簽頁(yè)里給變量賦值于是進(jìn)入了我們期望的分支，此時(shí)，我在網(wǎng)頁(yè)上選中的文本用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)已經(jīng)成功寫(xiě)入變量中，請(qǐng)大家看代碼第行。 我寫(xiě)公眾號(hào)文章時(shí)，經(jīng)常需要從一些網(wǎng)站的文章上查閱一些資料。比如我想把這個(gè)網(wǎng)頁(yè)上的一個(gè)標(biāo)題SAP Fiori 2.0用戶體驗(yàn)設(shè)計(jì)概念獲紅點(diǎn)大獎(jiǎng)進(jìn)行拷貝。 showIm...
摘要：孔淼大數(shù)據(jù)分析處理與用戶畫(huà)像實(shí)踐直播內(nèi)容如下今天咱們就來(lái)閑聊下我過(guò)去接觸過(guò)的數(shù)據(jù)分析領(lǐng)域，因?yàn)槲沂沁B續(xù)創(chuàng)業(yè)者，所以我更多的注意力還是聚焦在解決問(wèn)題和業(yè)務(wù)場(chǎng)景上。在對(duì)微博數(shù)據(jù)進(jìn)行上面提到的計(jì)算分析之前，我們其實(shí)還做了很多數(shù)據(jù)處理的工作。 孔淼：大數(shù)據(jù)分析處理與用戶畫(huà)像實(shí)踐 直播內(nèi)容如下： 今天咱們就來(lái)閑聊下我過(guò)去接觸過(guò)的數(shù)據(jù)分析領(lǐng)域，因?yàn)槲沂沁B續(xù)創(chuàng)業(yè)者，所以我更多的注意力還是聚焦在解決問(wèn)...
摘要：為了方便大家了解并入門(mén)微信小程序，我將一些可能會(huì)需要的知識(shí)，列在這里，讓大家方便的從零開(kāi)始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序，推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用，它出現(xiàn)了觸手可及的夢(mèng)想，用戶掃一掃或者搜一下即 為了方便大家了解并入門(mén)微信小程序，我將一些可能會(huì)需要的知識(shí)，列在這里，讓大家方便的從零開(kāi)始學(xué)習(xí)； 一：微信小程序的特點(diǎn) 張小龍：張小龍全面闡述小程...
摘要：為了方便大家了解并入門(mén)微信小程序，我將一些可能會(huì)需要的知識(shí)，列在這里，讓大家方便的從零開(kāi)始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序，推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用，它出現(xiàn)了觸手可及的夢(mèng)想，用戶掃一掃或者搜一下即 為了方便大家了解并入門(mén)微信小程序，我將一些可能會(huì)需要的知識(shí)，列在這里，讓大家方便的從零開(kāi)始學(xué)習(xí)； 一：微信小程序的特點(diǎn) 張小龍：張小龍全面闡述小程...
閱讀 2975·2021-09-23 11:32
閱讀 2938·2021-09-22 15:12
閱讀 1719·2019-08-30 14:07
閱讀 3461·2019-08-29 16:59
閱讀 1651·2019-08-29 11:11
閱讀 2314·2019-08-26 13:50
閱讀 2436·2019-08-26 13:49
閱讀 2630·2019-08-26 11:49
