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