鑰匙要點
上的頁面上的第一個鏈接
對於希望自動化動作或擴展他或她定期使用的網頁功能的任何開發人員來說安裝雞腳
該擴展程序在Windows上最有效。如果您在Mac上,您仍然可以安裝Chickenfoot並與本文中的代碼一起播放,但是您可能會看到不一致的行為。不幸的是,直到扭結被熨除掉了,警告此。 Docshell不會出現頻率,並且您的輸出可能與此處描述的那樣不匹配。
>首次啟動雞腳側欄時,它顯示了一個拆分視圖 - 頂部面板包含一個標有未鍵入的文本字段;這是我們將編寫Chickenfoot代碼的輸入區域。
底部面板包含四個選項卡。默認選擇的選項卡被標記為輸出,並顯示您所有操作的歷史記錄以及所有Chickenfoot的動作,這些歷史都應用於瀏覽器。首先,我們必須告訴Chickenfoot記錄我們的動作 - 單擊“動作”選項卡,並確保檢查記錄動作選項。
>讓我們測試我們的輸出正在被捕獲。為此,請打開一個新的Firefox選項卡並加載Google主頁。加載頁面後,單擊頁面左上方的圖像鏈接,這將帶您進入Google的圖像搜索。如果再次選擇“ Chickenfoot輸出”選項卡,則應查看以下文本:>這不僅僅是對發生的事情的描述,實際上是雞腳代碼的片段!要測試此代碼,請單擊“背箭頭”以返回Google主頁,然後復制並粘貼我們創建的摘要中的摘要。單擊面板頂部的綠色箭頭,將執行您的代碼段。該頁面將再次導航到Google Image搜索頁面。
雞腳背後的想法
click("Images")
Chickenfoot與啟用可腳本網絡的其他工具分享了某些想法。
> Chickethiot背後的主要思想是為用戶提供創建任何人都可以使用或寫作的工具,而無需程序員的幫助。我應該在這裡註意到,我認為這個目標將無法實現,因為總會有對具有復雜功能的腳本的需求,而該腳本只能由程序員實現。但是,這個理想主義目標是雞腳背後的驅動力這一事實導致了一個非常有用的工具。 這些目標與Coscripter相似 - 實際上,Coscripter使用了Chickenfoot版本0.9代碼的一部分。我不會在本文中詳細介紹有關Coscripter的任何詳細信息,但是如果您有興趣閱讀更多信息,請參閱Alex Faaborg的文章。>讓我們看一下如何錄製雞腳的腳本,就像MS Word或Adobe Photoshop中的宏。在此示例中,我們將創建一個僅比上一節中看到的單個命令更重要的腳本。對於此演示,我從Coscripter教程的入門中汲取了靈感。
>完成後,我們的腳本將導致我們的瀏覽器:
要記錄我們的其餘腳本,我們基本上將執行我上面描述的步驟。單擊“圖像鏈接”,然後在搜索框中輸入文本“ Koalas”,然後命中標籤以退出字段。最後,單擊搜索映像按鈕。
click("Images")
>
>如果您在登錄到Google帳戶時執行了這些步驟,則列出的一些文本值可能有所不同,但是操作仍然相同。
>現在我們已經記錄了動作,我們可以從此代碼輸出中選擇並選擇,並將所需的線複製到Chickenfoot側邊欄的頂部面板。瞧!我們有一個工作腳本!>
>除了最初的GO操作外,我們關注的命令是單擊並輸入命令。我們還可以簡化傳遞的值,以便我們的腳本看起來像這樣:go("google.com")
刮擦表面
>一個重要的概念是,大多數JavaScript用戶都熟悉的普通(X)HTML環境中,Chickenfoot並不是在Firefox的XUL環境中運行。雞腳已經擴展了此環境,以使其更容易與網頁的上下文進行交互。
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")
>如果您在普通頁面的上下文中引用或修改JavaScript可以訪問的對象,則可能會按照您的期望進行行為。但是,由於Chickenfoot JavaScript引擎具有更深層次的訪問水平,因此您可以比平時獲得更多的自由,例如在其默認情況下訪問對象。
>>在您進一步探索雞腳時,您可能會遇到兩個環境之間的差異以及對像在其中的行為。大多數情況下,這些差異的原因將歸結為瀏覽器環境中的本機功能,這些瀏覽器環境已在Xul Chickenfoot環境中重新實現,以熟悉。
一個這樣的示例就是警報功能;考慮以下JavaScript代碼的片段:
>click("Images")
在Firefox中的HTML環境中運行此代碼時,它顯示以下對話框:
但是,當它在雞腳環境中運行時,相同的代碼會產生以下對話框:
>
啄食雞腳api>
模式datatype
大多數雞腳功能都接受參數的模式。 API文檔中描述了一種模式為“許多其他數據類型的結合”。
>最容易將模式視為用於訪問HTML頁面上對象的速記短語。例如,“第二隻雞腳”的模式是指頁面上的“雞腳”一詞的第二次出現。如果您要訪問Chickenfoot API頁面並執行以下代碼,則將選擇頁面上的第二個單詞::
>這種方法有一些變體,而Chickenfoot使用一些邏輯來智能地弄清楚您的短語使用的模式。因此,某些功能(例如點擊)與模式無法正常工作,因為如果給出了可能返回多個可能結果的模式,它們會產生錯誤。
> 例如,假設我們將上述代碼更改為以下內容:go("google.com")
>很可能會在輸出面板中產生錯誤消息,類似
因此,要有效地使用模式,您需要使模式特別精確(例如,如果安裝了Lapis擴展名,則使用XPATH語法或Lapis查詢語法),或者使用查找功能,並通過此功能返回的一系列對象進行迭代。接下來,我們將查看這種方法。模式是以下數據類型的結合:
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")
查找函數
查找功能採用模式並返回匹配該模式的對象。將以下代碼放在您的頂部面板中,並在此頁面上執行:
click("Images")
>您會注意到輸出面板中出現一個對象。單擊此對象將導致“雞腳”一詞的所有實例突出顯示。
> 不幸的是,此函數返回的對像不是JavaScript數組。根據經驗,您需要將Chickenfoot的查找功能的結果置於陣列中,然後循環循環以挑選出您追求的單個對象。>
Inclubel函數
> Include功能允許您在Chickenfoot腳本中包含其他JavaScript文件。 Chickenfoot配備了一些內置的庫(大多數名稱是自稱的):> Prototype.js,修改版本的1.5.0_rc0原型的發行版。不幸的是,在撰寫本文時,Chickenfoot的Xul環境通過原型庫引起了錯誤,使原型庫的更新版本不兼容。
>關於使用新庫的註釋:我發現,最有效的庫通常是提供特定功能的庫,例如CSSQUERY或類似的庫,而不是試圖全方位的庫。 include函數還採用可選的對象參數,該參數對於檢查特定庫或一組庫中的可用內容非常有用,儘管本文中未介紹此功能。
Chickenfoot還具有其他幾種語言構造,例如後者,之前和插入,可讓您使用查找頁面上的元素在頁面上檢索一個元素,然後從該元素導航到您真正追求的元素。這些函數還可以動態地將內容插入該元素或周圍的HTML元素中。有用的任務變成了chickyfeed
任何聲稱自動化任務的技術都應該使快速執行有用的事情變得容易。在本節中,我將描述一些真正有用的雞腳的任務。我包含了代碼的片段,儘管它們可能無法說明JavaScript的最佳實踐,但它們在說明各種用途的雞腳上做得很好。
首先,讓我們找出哪些變量在您的Firefox Chrome的頂層綁定:
>這條線應為您提供大量信息。您還可以使用此命令查看有關當前文檔的一堆信息:
click("Images")
:
go("google.com")
實際上可以在即將發布的Chickenfoot版本中使用更簡單的代碼執行上述任務,因為它使用默認的Firefox下載目錄(通常是桌面)。
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")
在Firefox中,如果您具有相關對象的ID,則可以訪問瀏覽器窗口鉻的一部分。可以使用函數ChromeWindow.document.getElementById檢索。例如,當您在頁面上右鍵單擊時顯示的上下文菜單的ID是ContreareAcontextMenu。如果我們從上面的示例3中獲取腳本,將DOM保存到桌面上,並將其包裝在功能中,則可以從上下文菜單中調用此函數,例如:
>click("Images")
請注意,Chickenfoot功能附加功能允許您將數據附加到文檔。您這樣使用它:
>go("google.com")
希望,這些示例可以讓您感覺到一些簡單但有力的任務可以由Chickenfoot Script自動化。
足夠了 - 讓我們用雞腳做一些更先進的事情!
>>我使用以下腳本將功能添加到Gmail中 - 具體來說,從頁面中搜索並選擇包含與特定雞腳模式相匹配的文本的對話。這是每個人最喜歡的基於網絡的電子郵件客戶端的有用且有力的增強。
>這是腳本:
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")
此腳本提示用戶獲取一些輸入,然後將輸入作為參數傳遞給Chickenfoot查找功能。請記住,發現接受雞腳模式,因此,這種搜索的可能用途幾乎是無限的,因為您可以要求它不僅僅是字符串匹配。
>您可能會從我們第一次遇到無法返回數組的查找方法中回想起。因此,我們需要將結果讀為一個數組。您可能會發現執行此任務的代碼片段在您編寫的其他雞腳腳本中很有用:
go("google.com")
click("Images")
enter("koalas")
click("Search Images button")
請記住,檢查需要能夠確保其具有確切的文本,或者會丟棄錯誤,這就是為什麼我們不能僅對找到的檢查。
>上面腳本的一個值得注意的方面是相對於其達到的功能,其尺寸較小。與DOM這樣的標準API,Chickenfoot的功能提供了與文檔動態交互的更簡單的方式。
結論
在本文中,我們研究了許多方法,您可以輕鬆地使用Chickenfoot與瀏覽器進行交互。在本文中,我們只從雞腳上可以做的事情劃過了表面 - 潛力很大,只有您的想像力才受到限制!>關於Web重寫工具的常見問題(常見問題解答)
> Web重寫工具是否與所有瀏覽器兼容?
> Web重寫工具的結果如何可靠?
>
,而Web重寫工具可以有助於拼寫內容,不應將它們用於竊或虛假或虛假的工作,尤其是在學術上,尤其是在學術上,尤其是在學術上。始終確保適當地引用您的來源。Web重寫工具中的AI使用自然語言處理(NLP)來理解原始內容的上下文和含義。然後,它在保持原始意圖的同時重組和重新介紹內容。一些工具,例如hix.ai,都使用高級AI模型(例如GPT-3)進行高質量重寫。
大多數Web重寫工具都是安全使用的。但是,重要的是要查看該工具的隱私政策,以了解如何處理數據。有些工具可能會暫時存儲您的內容以進行處理,但是它們通常不會保留或共享您的數據。
是的,Web重寫工具可以通過提供替代方法來表達您的想法和想法來幫助提高您的寫作技巧。他們還可以幫助您學習新的詞彙並改善語法。
一些Web重寫工具確實支持多種語言,但這不是通用功能。始終檢查該工具的語言支持規範。
>以上是用雞腳重寫網絡的詳細內容。更多資訊請關注PHP中文網其他相關文章!