Clever Geek Handbook

klava.orgにカスタムレイアウトをインストールする

何が伝えられますか？

  • キーボードレイアウトを学ぶときの明らかな問題





  • 私たちの患者について少し：klava.org





  • この問題をどのように解決しましたか（F12のおかげで）





  • キーを適切に構成する方法（ShiftまたはAltGrを押した場合）





  • ユーザーJSおよびCSS拡張機能を使用した手動作業の自動化





すべてを始めたのは

, : typingStudy, klava.org, ratatype, rapidTyping . , , , , "", , :





  • , " "









  • -









klava.org: , , , , . , , ( : , -> ).





, F12, "" HTML-, CSS, JS, , , , . , :





, : , /, , : //, , -!





, , ! JS "" keyboards. , , , . :





  1. F12





  2. Ctrl+F ( )





  3. "var keyboards"





  4. ( var , )





  5. !!!





"" - , . ( Ctrl+F). , , : :





//      !!!
'': ['|<sup>+</sup>', '№<sup>1</sup>', '-<sup>2</sup>', '/<sup>3</sup>', '"<sup>4</sup>', ':<sup>5</sup>', ',<sup>6</sup>', '.<sup>7</sup>', '_<sup>8</sup>', '?<sup>9</sup>', '%<sup>0</sup>', '!<sup>=</sup>', ';<sup>\\</sup>', '', '', '', '', '', '', '', '', '', '', '', '', ')<sup>(</sup>', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '']

, :





, , , ( - , Shift - ). HTML-: .





  1. , , Shift AltGr, ,





  2. <sup></sup> , Shift;





  3. <sub></sub> , AltGr; 





'S'       // ,    
'(<sup>{</sup><sub>[</sub>' // ->  (
                            //+ Shift ->  {
                            //+ AltGr ->  [
'<sup></sup>'   //





? ? .









  2. F12





  3. Console





  4. " " ( var )





  5. Enter





  6. ,





, "" !!! (, ):





それでも、サイトにアクセスするたびに、このコードを毎回手動で挿入する必要はありません。この問題を解決するために、User Javascript andCSSという拡張機能が作成されました。拡張機能を配置します。インストール後、当社のWebサイトを開き、拡張機能アイコンをクリックして、[新規追加]をクリックします。JSとCSSの2つのフィールドが目の前に開きます。これで、コードをJSフィールドに挿入し、保存してチェックボックスをオンにし、すべてが「単独で」機能することを確認します。





フラ!!!! klava.orgにカスタムレイアウトをインストールしました。これで、レイアウトのトレーニングがより簡単に、より速く、（おそらく）より興味深いものになります。







More articles:


All Articles