After opening the wechat low code account , We just stepped into the field of software development . Whether you are installing the official template for secondary development , Or create custom applications from scratch . Since development requires the ability to troubleshoot , The technical term is debug, Also called breakpoint debugging .

Because we are an online integrated development environment , You can't compete with traditional development IDE It's so convenient in the car . So it's not like traditional development that can interrupt , When the program runs to the breakpoint, it stops automatically , We can look at the variables from the stack . Micro build low code development language is javascript, Then we need to master javascript How to debug the program .

There are four debugging methods in micro build

1 Output at console

The console is provided in the application editor , On the console, we can observe the methods and values of variables

You can enter the variable name directly on the console , such as $page, Observe the properties and methods of this variable

Expand the object to see the attribute and method name of the variable , Convenient for us to call middle note code.

2 Output... In the browser

Sometimes some errors can't be checked in the console , We need to view it in the browser , Click the preview button

In the browser, we need to press F12 Open developer tools , Check the specific error reporting information in the developer tool

The red in the console is the specific error , Sometimes error details are printed , Check the error information . The ability of debugging is a necessary ability for programmers , Sometimes you need to think for yourself , Most of us first Baidu to see if someone has solved similar problems .

Why can you Baidu , Because many people have the spirit of sharing , For example, the article you see now is compiled by bloggers based on their own experience , For those who study later, I have a reference .

3 Output in low code

Most of the errors in console output are syntax errors , Or you broke the rules of grammar , Either you called the wrong method . Another type of error is logical error , The so-called logical error is that the expected result is not obtained , For example, you define a variable , It was expected to be worth it , When the results were previewed, I found nothing , This is the time for troubleshooting .

How to troubleshoot ？ We need the help of pile driving technology , The so-called piling is to pass in low code ,console.log() To output ,console.log() Multiple parameters can be passed in the method , Parameters are separated by commas .

In the figure above, the part I marked in red is pile driving , I output the value and type of the variable , See where the program went wrong . The output information is still viewed in the console , You can view it in the console of the application editor , You can also view it in the developer tool of the browser .

If you want to write the correct program, you need constant debugging , Finally, the results will be in line with expectations .

4 Output in applet

In addition to the above debugging methods , If we call wechat api Of , There is no effect in the browser , At this time, we need to publish the program to the mobile phone for viewing . Click the Publish button , It can be released as a preview version for debugging

Some small partners don't know how to debug small programs , Click the three points in the upper right corner of the applet , Debugging can be found , The debugging interface opens , Check whether there is any error information inside , Or check the output results for troubleshooting

So you can see the specific information .

summary

This session explains how to debug in low code. , After mastering the method, it's easy to work .