Dashcodeを使用したモバイルサイトのデバッグ





この説明は、Mac OS Xを実行しているコンピューターにのみ適用されます。



現在、JavaScriptを使用しないとほとんどサイトができない場合、JSコンソールへのアクセスはデバッグ段階で必要なツールです。 特定のスキルを使ってJS自体をデバッグすることに加えて、同様のコンソールとページ全体をオンザフライでやり直すことができます。



「大きな」ブラウザには、FireBug、ブラウザに組み込まれた開発者ツールなどがありますが、多くの場合、ユーザーエージェントを切り替えたブラウザではなく、iOSエミュレータでモバイルサイトのデバッグを開始する必要があります。



Dashcodeのウィジェットのデバッグ中に、iPhone / iPadエミュレーターの別のサイトに移動すると、新しいサイトのデバッグが続行されることが判明しました。



したがって、アクションのシーケンス:



これは切望されたコンソールです。





エミュレータでの作業中にサイトにエラーが表示された場合は、[続行]をクリックして作業を続行します。 すべてのエラーは、メインウィンドウのログ(ログの実行)に記述され、後で対処できます。







ところで、console.logからのメッセージは、このコマンドがコードで使用されている場合、同じログに出力されます。



jQueryが欲しい


サイトで作業する過程で、私は個人的にjQueryを使用することを好み、慣れている限り、jQueryが使用されていないサイトでも、JSコンソールで同様の構文を使用したいと思っています。 数行-そしてそれを手に入れます。



ページのソースを見るだけではjQueryをチェックするのが面倒だとします。 EvaluatorウィンドウでjQueryと入力し、Enterを押します。 ReferenceError: Can't find variable: jQuery



に回答したことを確認しReferenceError: Can't find variable: jQuery



。 念のため、$がビジーかどうかを確認できます。 たとえば、Habrの場合は、$、Enter、...を入力します。



function (B, C) {if(B&&B.$family&&B.uid){return B;}var A=$type(B);return($[A])?$[A](B,C,this.document):null;}







結論:競合を避けるために、jQueryを埋め込むときは、セーフモードを使用する必要があります。

次に、jQueryをサイトに追加します。次のコードをクリップボードからEvaluatorウィンドウにコピーし、Enterを押します



var head = document.getElementsByTagName('HEAD')[0];

var script = document.createElement('script');

script.src="http://code.jquery.com/jquery-1.5.2.min.js";

head.appendChild(script);

jQuery.noConflict(); // Safe Mode








私たちはサイトを苦しめ始めます...



All Articles