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