1

非表示の入力フィールドを切り替えて表示するなど、機能面で私が望むことを正確に実行するこの優れた拡張機能を見つけました。

私が理解しようとしてきた唯一のことは、ショートカットキーの組み合わせとしてではなく、拡張アイコンボタンとして機能するようにする方法です?.

拡張子: https://chrome.google.com/webstore/detail/hidden-field-switcher/gfkfklknjmlpldiggcjgdgkonoicfngp

ありがとう

私の現在のセットアップ: ボタンを追加できましたが、クリックしても何もしません:

マニフェスト.json 

{
 "name": "Display Hidden",
 "version": "1.0",
 "manifest_version": 2,
 "description": "Display hidden",
 "background": {"page": "background.html", "persistent": false},
 "browser_action": {"default_icon": "icon.png"},
 "content_scripts":[{"js": ["background.js"], "matches": ["https://*/*"]}],
 "permissions": ["tabs", "http://*/*"]
}

background.html

<html>
 <head>
  <script src="background.js">
   chrome.browserAction.onClicked.addListener(function(tab) {alert('icon clicked')});
  </script>
 </head>
</html>

background.js ソース

var allFields = new Array();
var visible = false;

function switchHidden() {
 if(visible == true){
     hideHidden();
     visible = false;
}
  else {
      showHidden();
      visible = true;
  }

}

function showHidden() {
    var allHidden = document.getElementsByTagName("input");
    for (var Key in allHidden) {
        if(allHidden[Key].type == "hidden") {
           allFields.push(allHidden[Key]);
           allHidden[Key].type = "text";

           /*for (var SettingsKey in Settings) {
           var subSection = SettingsKey.substring(7,0);
           var subKey = SettingsKey.substring(7);
           if(subSection == "styles_") {
           allHidden[Key].style.setProperty(subKey,Settings[SettingsKey]);
           }
       }*/

if(allHidden[Key].name)
     allHidden[Key].title = allHidden[Key].name;
      if(!allHidden[Key].name && allHidden[Key].id)
     allHidden[Key].title = allHidden[Key].id;
     allHidden[Key].style.setProperty("background-color","#CCFFFF");
       } 
    }
}

function hideHidden() {
    for (var Key in allFields) {
        allFields[Key].type = "hidden";
    }
    allFields = new Array();
}
4

0 に答える 0