<\/i>Download Now<\/a><\/div><\/div>\n[CodePen height=500 show=js href=BHwos user=canis ]<\/p>\n
debugScreen.css \u662f\u8ca0\u8cac\u9032\u884c debug window \u7684\u756b\u9762\u914d\u7f6e, \u7d14\u7cb9\u70ba\u4e86\u7f8e\u89c0…\u55ef..\u672c\u4eba\u6c92\u751a\u9ebc\u7f8e\u611f\u5c31\u662f.<\/p>\n
\u96a8\u4fbf\u5587~~~<\/p>\n
\u53e6\u5916\u5c31\u8981\u914d\u4e0a js \u6a94.<\/p>\n
jquery.cf.debug.js\u00a0\u653e\u4e0a\u53bb\u4e4b\u5f8c\u751a\u9ebc\u90fd\u6c92\u6709\u51fa\u73fe\u90a3\u5c31\u606d\u559c\u4f60\u54af XD<\/span><\/p>\n\u56e0\u70ba\u9084\u6c92\u6709\u555f\u7528 debug, \u800c\u4e14 css \u4e5f\u6b63\u78ba\u7684\u904b\u884c\u4e86.
\n\u8981\u78ba\u5be6\u5730\u904b\u4f5c\u9700\u65bc onload \u6642\u9032\u884c\u4e0b\u5217\u52d5\u4f5c<\/p>\n
[js]
\n$(document).ready(function(){
\n \/\/ \u6240\u6709 script \u5b8c\u6210\u5f8c\u904b\u884c.
\n \/\/ \u555f\u7528 Debug window
\n $.debug.init();
\n \/\/ \u52a0\u5165\u81ea\u8a02 Command
\n $.debug.addCmd({
\n tag : "hello", \/\/ \u9019\u662f\u547d\u4ee4\u7684\u8a9e\u6cd5 (\u5c31\u4e00\u500b\u55ae\u5b57 XD )
\n info : "Just to say hi", \/\/ \u9019\u662f\u7d66\u4eba\u985e\u770b\u7684\u547d\u4ee4\u7c21\u4ecb.
\n fn : function(){ $.debug.log("Oh. hi there."); } \/\/ \u9019\u7576\u7136\u662f\u529f\u80fd\u554a!!!
\n });
\n});<\/p>\n
$.debug.show(); \/\/ \u986f\u793a debug window.
\n[\/js]<\/p>\n
\u4ee5\u4e0a, \u5c31\u662f\u7c21\u55ae\u7528\u6cd5.<\/p>\n
\u4ee5\u4e0b, \u662f\u529f\u80fd\/\u7528\u6cd5<\/p>\n
\n- $.debug.init();
\ninit debug window.<\/li>\n - $.debug.show();
\ndisplay debug window<\/li>\n - $.debug.hide();
\nhidden debug window<\/li>\n - $.debug.log(string);
\nprint text(string) on debug console. do what ever you want.<\/li>\n - $.debug.addCmd(cmdClass,cmdClass,cmdClass);
\nassign a command function to debug window.
\ncmdClass must contain following object.
\ncmdClass.tag = “string”; \/\/ your command
\ncmdClass.info = “string”; \/\/ description for your command
\ncmdClass.fn = function(){}; \/\/ the function call you want to link to this command<\/li>\n - $.debug.run(string)
\nthis will tried to search the command you setup. and do the job.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"\u82b1\u4e86\u534a\u5929\u6642\u9593, \u628a\u820a\u6709\u7684\u500b\u4eba\u7528 debug window, \u6574\u4fee\u70ba\u53ef\u4ee5\u7531\u5176\u4ed6 js \u589e\u52a0\u529f\u80fd\u7684 de …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4],"tags":[27],"class_list":["post-668","post","type-post","status-publish","format-standard","hentry","category-javascript-webdevelop","category-program","tag-javascript"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=668"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/668\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}