js检测字符串中的代码是何种编程语言

js检测字符串中的代码是何种编程语言

js检测字符串中的代码是何种<a href='/tag/lang.html'>编程语言</a>

编程语言有很多种,c#、java、c++、php、JavaScript、go等,每种编程语言都有其特性,那么有没有办法根据用户提供的代码来判断是何种语言编写的呢

有,今天我们就通过js来演示一个根据字符串来判断代码是何种语言写的,sourceclassifier

先看看效果,我们在输入框中输入下面一段代码,显示时typescript

js检测字符串中的代码是何种<a href='/tag/lang.html'>编程语言</a>

ok,我们将原理吧,原理就是通过highlight这个插件来自动识别代码的语言

示例如下,可在线直接运行

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["highlight.pack", "highlightstyles/default"], function() {
                hljs.initHighlightingOnLoad();
            });

        });
        function detectlang() {
            let snippet = document.querySelector('#snippet pre');
            hljs.highlightBlock(snippet);

            document.getElementById('language').innerHTML = "检测到开发语言为:"+snippet.result.language;

        }
    </script>
</head>
<body>
    <div id="snippet">
        <pre><code>
                if (version_compare("5.4", PHP_VERSION, ">")) {
                die("PHP 5.4 or greater is required!!!");
                }
                define("APP_BASE", __DIR__);
                define("DS", DIRECTORY_SEPARATOR);
                define("BFW_LIB", "../Bfw");
                define("APP_ROOT", BFW_LIB);

                require_once BFW_LIB . DS . 'Lib' . DS . 'Init.php';
            </code></pre>
        </div>

        <input type="button" value="检测编程语言类型"BfwOnclick="detectlang();" />
        <div id="language"></div>
    </body>
</html>



{{collectdata}}

网友评论0