html頁面註釋器

Question

我必須編寫一個網頁註釋器。 我的要求如下：給定一組網頁

1），我想有效地加以註釋（在瀏覽器中，在如何呈現HTML外部應用程序等）

2 ）我選擇（突出顯示，使活動）手動一串文本，並出現下拉菜單，允許從一組選項中選擇

3）之後，迭代器出現（就像在瀏覽器中按Ctrl + F時搜索），我希望能夠瀏覽在上一步中選擇的字符串匹配，在同一頁上

4）字符串的比較函數給出具有接口：給定兩個字符串，它輸出1或0，具體取決於字符串匹配

5）當我按迭代器按鈕時，我移動到下一個匹配的選定字符串，然後出現一個消息框（或任何其他可以確認它是真實匹配的東西）

6）確認它是一個真正的匹配項，頁面的文本應該被修改，使得當前匹配被特殊標記包圍 （例如< < < optionX >>>匹配文本< < </optionX >>>），其中optionX被定義爲ba sed在第一步選擇的值（下拉菜單）

5）當在頁面上找到所有匹配項（由比較函數定義）時，我想在同一頁上標記另一個文本字符串，然後重複這個過程中，通過查找所有的比賽，證實其中的一些，和修改網頁源相應

6），那麼修改後的頁面應該存儲在本地驅動器上

問題： 能否請您提出什麼正確的工具來做到這一點？

1）可以使用JavaScript並在瀏覽器中工作。如果是的話，那麼需要什麼方法，是否有任何有用的庫可以做到這一點，或至少包括上述某些功能

2）也許是更好地構建自定義桌面應用程序，呈現一個頁面在一個特殊的框架，並有相應的按鈕來瀏覽，確認等（Python或C＃被認爲是），並再次什麼類和庫可以幫助

[更新]：

我知道如何與合作一個頁面的內容，但我很好奇如何讓註釋器使用它變得舒適，如何與用戶建立正確的對話框：如何讓所有的糖果，如下拉菜單和用戶可見的迭代器，d ialog確認等

目標是用很多頁面註釋，因此接口應該是有效的。我是一名研究員（這不像你想象的那樣是功課，我只是以正式的方式描述了需要的東西），而且我只有很差的經驗來編寫面向用戶的應用程序。

預先感謝您！

Answer 1

這絕對是一個網頁瀏覽器的工作。您可以使用JQuery來搜索和修改html頁面。這個例子會發現homework所有出現，改變文字<<homework>>

$("*").each(function() { 
    if ($(this).children().length == 0) { 
    $(this).text($(this).text().replace('homework','<<homework>>')); 
    } 
});