65

Chrome Web デバッガーを使用して JavaScript コードをデバッグすることがよくあります。[要素] タブで、要素にカーソルを合わせると、その要素の幅や高さなど、いくつかの情報を含むツールヒントが表示されます。

時々、現在のマウス位置のページ座標を確認する必要があります。しかし、デバッガーはこの種の情報を表示しないようです。

それで、それを追加する方法はありますか?拡張機能のようなものですか、それとも他のオプションがありますか?

編集

受け入れられた回答を使用して、次のブックマークレットを追加し、まさに私が望んでいたものを手に入れることができました:

javascript:document.onmousemove = function(e){var x = e.pageX;var y = e.pageY;e.target.title = "X is "+x+" and Y is "+y;};
4

3 に答える 3

153

これをコンソールに入力できます

document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
};

これにより、要素のツールチップでマウスを動かすとマウスの位置が表示されます。

于 2012-10-15T02:50:40.543 に答える