JS代码格式化和语法着色V2_js格式化源码资源-CSDN文库

30 浏览量 2020-12-09 07:15:47 上传评论收藏 87KB PDF 举报

升级到第二版，开一贴以示庆贺，哈哈哈自 Ver1.1 升级内容 1. 增加函数列表 2. 增加函数 Export 功能 3. 增加函数依存关系分析（这个功能个人未见其他软件实现过，自己创意，问题多多，目前分析能力还是比较有限的，只能分析全局函数依存关系，可能在复杂代码的情况下出现 bug） 4. 修正 for 语句分析 bug 5. 修正语法折叠的 bug 6. 改进 Collapse All ※ Expand All 函数工作方式，避免行数太大时的死机 7. 改进行号分析机制，避免行数太大时的死机代码如下:<html> <head> <title>JSer Ver 2.0</tit 【JS代码格式化和语法着色V2】是一款用于JavaScript代码美化和高亮显示的工具，现在已经升级到了第二版。这个版本带来了多个重要的更新和优化，显著提升了用户体验和功能实用性。 1. **增加函数列表**：此更新允许用户查看代码中的所有函数，方便快速导航和查找特定函数，这对于大型代码库的管理尤为有用。 2. **增加函数Export功能**：新增的Export功能让用户能够导出代码，便于分享或保存格式化的代码，这对于团队协作和代码备份至关重要。 3. **函数依存关系分析**：这是一个创新功能，虽然当前分析能力有限，仅能分析全局函数之间的依赖关系，但对理解代码结构和逻辑有极大帮助。在处理复杂的代码时，可能会遇到一些bug，但这是向更全面的代码分析工具迈出的一步。 4. **修正for语句分析bug**：修复了之前版本中对于for循环语句解析的问题，确保了代码格式化的准确性，减少了由于格式化导致的潜在错误。 5. **修正语法折叠的bug**：解决了代码折叠功能的问题，使得用户在阅读和编辑代码时，可以更加流畅地展开和收起代码块，提高代码可读性。 6. **改进Collapse All和Expand All函数工作方式**：针对大量行数的代码，优化了这两个功能的性能，防止了因行数过多导致的程序卡顿或死机情况，提高了工具的稳定性和响应速度。 7. **改进行号分析机制**：同样为了解决大文件处理问题，改进了行号计算方式，避免了在处理大量行的代码时出现的性能问题和可能的程序崩溃。提供的HTML代码片段展示了该工具的样式设置，包括全局CSS和特定类别的CSS，如`.codeRoot`、`.comments`、`.keyWord`等，这些样式用于实现代码的高亮显示，使代码更易于阅读。例如，`.comments`用于设置注释的颜色，`.keyWord`用于突出显示关键词，而`.method_property`则用于标记方法和属性。【JS代码格式化和语法着色V2】通过增强的代码格式化、语法高亮、函数管理和分析功能，极大地提升了开发者的工作效率。同时，它对大文件的支持和处理也有了显著提升，确保了在各种情况下都能提供稳定的服务。这款工具对于JavaScript开发者来说，无疑是一个强大的助手，可以帮助他们保持代码整洁，提高代码质量和可维护性。

资源详情

资源评论

资源推荐

JS代码格式化和语法着色代码格式化和语法着色V2

升级到第二版，开一贴以示庆贺，哈哈哈

自 Ver1.1 升级内容

1. 增加函数列表

2. 增加函数 Export 功能

3. 增加函数依存关系分析（这个功能个人未见其他软件实现过，自己创意，问题多多，目前分析能力还是比较有限的，只能分析全局函数依存

关系，可能在复杂代码的情况下出现 bug）

4. 修正 for 语句分析 bug

5. 修正语法折叠的 bug

6. 改进 Collapse All ※ Expand All 函数工作方式，避免行数太大时的死机

7. 改进行号分析机制，避免行数太大时的死机

代码如下:

<html>

<head>

<style>

/* Global CSS */

* { padding:0px; margin:0px; font-size:13px; font-family: arial 宋体; }

body { overflow:auto; border:0px none black; background-color:buttonface; }

li { margin:0px 0px 0px 40px; padding:2px 4px; }

div { font-size:13px; line-height:14px; }

p { font-size:13px; line-height:14px; }

/* Class CSS */

.codeRoot { line-height:14px; }

.quote { color:#999; }

.comments { color: #009090; }

.indent { margin-left:25px; }

.regexp { color:#F000F0; }

.keyWord { color:blue; }

.object { color:red; }

.method_property { color:#FF8000; }

.operator { color:#004000; }

.colsp { font-size:12px; width:14px; height:14px; overflow:hidden; border:1px outset buttonface; text-align:center;

cursor:pointer; padding-left:2px; }

.colsp2 { font-size:12px; width:14px; height:14px; overflow:hidden; border:1px inset buttonface; text-align:center;

cursor:pointer; padding-left:2px; color:red!important; background-color:#E0FFF8!important; }

/* Identified CSS */

#divTools { height:20px; border-bottom:1px solid #555; padding-left:15px; }

#divTools a { color:navy; text-decoration:none; height:20px; line-height:20px; padding:0px 25px; }

#divTools a:hover { color:white; background-color:navy; text-decoration:none; height:20px; line-height:20px; }

#divJSInput { display:none; width:600px; height:450px; border:2px outset buttonface; position:absolute; background-

color:buttonface; z-Index:2; }

#divJSInputTitle { color:white; background-color:navy; height:20px; line-height:20px; padding:0px 10px; cursor:default; }

#txtJSInput { width:598px; height:406px; overflow:auto; padding:4px 8px; background-color:white;}

#divJSInputBar { height:24px; padding:0px 4px; }

#divJSInputBar input { width:110px; height:22px; border:1px solid #555; line-height:20px; }

#divMain { width:100%; height:500; overflow:hidden; position:relative; }

#divJSOutputLineNo { width:32px; height:100%; overflow:hidden; background-color:#DDD; position:absolute; left:0px; top:0px;

text-align:right; }

#divJSOutputLineNo p { font-size:12px; line-height:14px; }

#divJSOutputPlus { width:14px; height:100%; overflow:hidden; background-color:#EEE; position:absolute; left:32px; top:0px; z

-Index:2; }

#divJSOutputPlus p { font-size:12px; line-height:14px; }

#divJSOutput { background-color:white; border:1px inset buttonface; height:100%; position:absolute; left:45px; top:0px;

overflow:scroll; }

#divWaiting { display:none; width:400px; height:60px; border:1px solid buttonface; position:absolute; background-

color:#E0F0F0; z-Index:3; text-align:center; padding-top:10px; }

#divWaiting input { width:140px; height:22px; border:1px solid #555; line-height:20px; cursor:default; margin-top:4px; }

#divJSExport { display:none; width:600px; height:450px; border:2px outset buttonface; position:absolute; background-

color:buttonface; z-Index:2; }

#divJSExportTitle { color:white; background-color:navy; height:20px; line-height:20px; padding:0px 10px; cursor:default; }

#selJSExport { width:598px; height:406px; overflow:auto; padding:4px 8px; background-color:white; }

#divJSExportContent { width:598px; height:406px; overflow:auto; padding:4px 8px; background-color:white; display:none; }

#divJSExportBar { height:24px; padding:0px 4px; }

#divJSExportBar input { width:170px; height:22px; border:1px solid #555; line-height:20px; }

</style>

/**********************

Author: Hutia

*********************/

window.onload=init;

//——————

// Static Variable

//——————

var KEYWORDS=”abstract break byte case catch char class const continue default delete do double else extends false final

finally float for function goto if implements import in instanceof int interface long native null package private protected

public reset return short static super switch synchronized this throw transient true try var void while with”;

var OBJECTS=”Anchor Applet Area Arguments Array Boolean Button Checkbox Collection Crypto Date Dictionary Document Drive

Drives Element Enumerator Event File FileObject FileSystemObject FileUpload Folder Folders Form Frame Function Global Hidden

History HTMLElement Image Infinity Input JavaArray JavaClass JavaObject JavaPackage JSObject Layer Link Math MimeType

Navigator Number Object Option Packages Password Plugin PrivilegeManager Random RegExp Screen Select String Submit Text

Textarea URL VBArray Window WScript”;

var METHODS_PROPERTIES=”above abs acos action activeElement alert alinkColor all altKey anchor anchors appCodeName applets

apply appName appVersion arguments arity asin assign atan atan2 atob availHeight availLeft availTop availWidth ActiveXObject

back background below bgColor big blink blur bold border borderWidths bottom btoa button call callee caller cancelBubble

captureEvents ceil charAt charCodeAt charset checked children classes className clear clearInterval clearTimeout click

clientInformation clientX clientY close closed colorDepth compile complete concat confirm constructir contains contextual

cookie cos crypto ctrlKey current data defaultCharset defaultChecked defaultSelected defaultStatus defaultValue description

disableExternalCapture disablePrivilege document domain E Echo element elements embeds enabledPlugin enableExternalCapture

enablePrivilege encoding escape eval event exec exp expando FromPoint fgColor fileName find fixed floor focus fontColor

fontSize form forms forward frames fromCharCode fromElement getAttribute get getClass getDate getDay getFullYear getHours

getMember getMilliseconds getMinutes getMonth getSeconds getSelection getSlot getTime getTimezoneOffset getUTCDate getUTCDay

getUTCFullYear getUTCHours getUTCMilliseconds getUTCMinutes getUTCMonth getUTCSeconds getWindow getYear global go HandleEvent

Height hash hidden history home host hostName href hspace id ids ignoreCase images index indexOf inner innerHTML innerText

innerWidth insertAdjacentHTML insertAdjacentText isFinite isNAN italics java javaEnabled join keyCode Links LN10 LN2 LOG10E

LOG2E lang language lastIndex lastIndexOf lastMatch lastModified lastParen layers layerX layerY left leftContext length link

linkColor load location locationBar log lowsrc MAX_VALUE MIN_VALUE margins match max menubar method mimeTypes min modifiers

moveAbove moveBelow moveBy moveTo moveToAbsolute multiline NaN NEGATIVE_INFINITY name navigate navigator netscape next

number offscreenBuffering offset offsetHeight offsetLeft offsetParent offsetTop offsetWidth offsetX offsetY onabort onblur

onchange onclick ondblclick ondragdrop onerror onfocus onHelp onkeydown onkeypress onkeyup onload onmousedown onmousemove

onmouseout onmouseover onmouseup onmove onreset onresize onsubmit onunload open opener options outerHeight outerHTML

outerText outerWidth POSITIVE_INFINITY PI paddings pageX pageXOffset pageY pageYOffset parent parentElement parentLayer

parentWindow parse parseFloat parseInt pathname personalbar pixelDepth platform plugins pop port pow preference previous

print prompt protocol prototype push random readyState reason referrer refresh releaseEvents reload removeAttribute

removeMember replace resizeBy resizeTo returnValue reverse right rightcontext round SQRT1_2 SQRT2 screenX screenY scroll

scrollbars scrollBy scrollIntoView scrollTo search select selected selectedIndex self setAttribute setDay setFullYear

setHotkeys setHours setInterval setMember setMilliseconds setMinutes setMonth setResizable setSeconds setSlot setTime

setTimeout setUTCDate setUTCFullYear setUTCHours setUTCMillseconds setUTCMinutes setUTCMonth setUTCSeconds setYear

setZOptions shift shiftKey siblingAbove siblingBelow signText sin slice smallsort source sourceIndex splice split sqrt src

srcElement srcFilter status statusbar stop strike style sub submit substr substring suffixes sun sup systemLanguage TYPE

tagName tags taint taintEnabled tan target test text title toElement toGMTString toLocaleString toLowerCase toolbar top

toString toUpperCase toUTCString type typeOf UTC unescape unshift untaint unwatch userAgent userLanguage value valueOf

visibility vlinkColor vspace watch which width window write writeln x y zIndex”;

var OPS=”! $ % & * + – // / : < = > ? [ ] ^ | ~ is new sizeof typeof unchecked”;

var regKW=new RegExp(“(\\W”+KEYWORDS.replace(/ /g,”$)|(\\W”)+”$)”,”g”);

var regObj=new RegExp(“(\\W”+OBJECTS.replace(/ /g,”$)|(\\W”)+”$)”,”g”);

var regMP=new RegExp(“(\\W”+METHODS_PROPERTIES.replace(/ /g,”$)|(\\W”)+”$)”,”g”);

//var regOP=new RegExp(“(\\W”+OPS.replace(/ /g,”$)|(\\W”)+”$)”,”g”);

//——————

// Global Variables

//——————

var divJSInput, txtJSInput, divMain, divJSOutputLineNo, divJSOutputPlus, divJSOutput, divWaiting;

var spnProcess, cmdStop, divJSExport, selJSExport, divJSExportContent;

var glbStr, glbP, glbRe, curRe, glbTimer, glbBusy, glbFuntionNames;

function init(){

// init global variables

divJSInput=document.getElementById(“divJSInput”);

txtJSInput=document.getElementById(“txtJSInput”);

divMain=document.getElementById(“divMain”);

divJSOutputLineNo=document.getElementById(“divJSOutputLineNo”);

divJSOutputPlus=document.getElementById(“divJSOutputPlus”);

divJSOutput=document.getElementById(“divJSOutput”);

divWaiting=document.getElementById(“divWaiting”);

spnProcess=document.getElementById(“spnProcess”);

cmdStop=document.getElementById(“cmdStop”);

divJSExport=document.getElementById(“divJSExport”);

selJSExport=document.getElementById(“selJSExport”);

divJSExportContent=document.getElementById(“divJSExportContent”);

// init window state

maximizeWindow();

divMain.style.width=document.body.clientWidth-4;

divMain.style.height=document.body.clientHeight-26;

divJSOutput.style.width=document.body.clientWidth-72;

// init global events

divJSOutputLineNo.onselectstart=divJSOutputLineNo.onselect=divJSOutputPlus.onselectstart=divJSOutputPlus.onselect=cancelEvent

divJSOutput.onscroll=divJSOutput_onscroll;

divJSInput.onkeydown=divJSInput_keydown;

divJSExport.onkeydown=divJSExport_keydown;

}

剩余11页未读，继续阅读

评论收藏

内容反馈

weixin_38640117

粉丝: 1
资源: 926

JS代码格式化和语法着色V2

评论0

最新资源

JS代码格式化和语法着色V2

评论0

JS和Html格式化工具，附源码

简单的JavaScript关键字着色程序

JS-HTML格式化工具代码，web源码版

js代码格式化和语法着色

JS代码格式化工具

一款轻量级JS代码格式化软件

一段语法着色的 JS 脚本

易语言JS代码格式化

JS源码格式化

js 源码格式化

js格式化工具

WPS代码语法高亮着色插件

易语言JS代码格式化源码

易语言源码易语言JS代码格式化源码.rar

JS-HTML-Format(JS及HTML代码格式化工具集合)

阿里代码格式化idea插件

JS代码格式化.rar

JS代码的格式化和压缩

JS代码格式化工具网页

jquery-syntax动态语法着色示例代码

JavaScript代码格式化工具

vb 源代码格式化工具,Visual Basic程序源代码格式化工具

codeMirror代码格式化（官方demo）

EXTJS Javascript HTML 代码格式化 工具

VB6.0代码格式化

JS代码格式化（HTML代码）

JS,CSS代码格式化工具

JS代码格式化与压缩

易语言JS代码格式化源码.7z

最新资源

EXTJS Javascript HTML 代码格式化工具