Is there any way to debug the page made on pc on the ios device?

I have made some pages on my computer, but only using chrome to debug the analog phone can not see the specific look on the phone, is there any way to put these pages on the phone so that I can see what it looks like on the real phone?

all I found is to put the page on the phone on the computer to debug. What I want to do now is to preview the page on the computer on the phone.

ps: my computer and my phone are connected to the same wifi, computer page is running on the local node server, but I can"t use my phone to access the computer"s ip plus port. The ip of the computer ping mobile phone is ping accessible, and the firewall is turned off

Devtools

Dec.27,2021

Firewall needs to be configured. The configuration of window is different from that of mac.

has been resolved. Change the server port of the project to allow all network access to allow mobile phone preview

Previous: How does python3.6 traverse and modify dictionaries

Next: Npm run serve opens project Times error errno 126

Why does chrome debugging always go to the breakpoint of its own file? how can it be set to get rid of this?
as shown in figure in debugging embedded iframe pages, iframe.js is not its own file (probably some security check files for chrome), and then always jumps to this breakpoint, even if I haven t hit the breakpoint, the breakpoint will be removed or...

Javascript chrome-devtools chrome front-end

Feb.28,2021
With regard to the csp problem in the development of chrome plug-ins, why can you report an error like this?
CSP error in popup: how to solve it? ...

Javascript chrome-devtools chrome-extension

Mar.01,2021
Can you tell what type of parameter is in the Chrome browser XHR?
Project transformation, there is no interface document at the back end, so you can only look at the interface to write, but the parameters do not know what format to use, whether it is a simple object, FormData, or json, and so on. Can you see it through...

Javascript chrome-devtools

Mar.06,2021
How to bulk delete Google code snippets?
how do I delete it in batches instead of removing it one by one? ...

Chromium chrome chrome-devtools

Mar.06,2021
The seciton element is 40px wider than the following two article. I don't know where it is.
http: htmlpreview.github.io .: github.com mdn learning-area blob master css css-layout flexbox flexbox-wrap0.html Please open this link. No matter how big the screen is, it will always 40px . ...

Chrome-devtools

Mar.09,2021
When you chrome developers,debug, you find that the variable has a value, but it shows undefined?.
the following problems were found during debug in the chrome devtools developer s tool; Why did the console show that undefined; 128lines have all been taken from the values of result,cityId, but you can see that there are values inside params c...

Chrome-devtools

Mar.10,2021
What does the number in the screenshot in this box model mean?
https: codepen.io niusz pen . ...

Css chrome-devtools

Mar.10,2021
The problem of garbled data returned by XHR of chrome browser debugging tool
the problem encountered when debugging, the data on the page is normal, but the data is garbled in the debugging tool, what is the problem? : ...

Javascript chrome-devtools http

Mar.11,2021
The response information in the devtools of chrome does not wrap automatically
there is no automatic line wrapping where you find a lot of information in the devtools of learning to use chrome. could you tell me how to set it up? for example, the following figure: The information in Network-Response is displayed in one line...

Devtools chrome

Mar.13,2021
Is it normal for Vue Devtools to show a lot of Root,?
as shown in the figure, when you open the interface today, you suddenly find that many Root, are displayed in devtools and they are the same. If you select one, you will select all of them. Is there any expert to give us some advice? what s the prob...

Devtools vue.js

Mar.16,2021
InnerHTML leads to an increasing number of DOM Node.
Picture related codes <!DOCTYPE html> <html> <head> <title>test< title> < head> <body> <div id="test">< div> <script> var oTest = document.getElementById( test ); ...

Front-end dom chrome-devtools chrome javascript

Mar.23,2021
The console output is inconsistent with the js file output (event.currentTarget gets null)
Code: console.log(e); console.log(e.currentTarget); The result of is: VM1656:1 MouseEvent{isTrusted: true, screenX: 149, screenY: 253, clientX: 149, clientY: 131,} VM1656:2 null obviously, the event object is the same, but why is the console outpu...

Chrome-devtools javascript

Mar.28,2021
Webview in android chrome real machine debug APP appears 404
android version: 6.0.1 android chrome version: 68.0.3440.84 mac chrome version: 68.0.3440.85 you can inspect the web pages in the chrome browser on your mobile phone. ect can report 404 . webview,6.0 ..] ...

Chrome-devtools front-end javascript

Apr.02,2021
The cookie of the request header cannot be found in the chrome console.
chrome browser, after sending the request, you cannot see the cookie value of header in the request (https). Firefox can see. Test link https: pages.c-ctrip.com ttd overseattd 201806 hotel-ticket index.html?disable_webview_cache_key=1&recomid=eQDgK...

Chrome-devtools

May.30,2021
Chrome debugging tool debugger, encounters the template syntax ``of using es6 in jsx syntax and does not recognize it.
when template syntax is encountered in return, chrome cannot recognize the following content in debugger consoledebuggerchrome babel ...

Javascript chrome-devtools chrome

Aug.02,2021
Memory changes of React during Router switching
problem description: it has recently been found that abnormal memory growth occurs when pages are constantly switching. for example, I have two routes, NewWallet and NewTransaction . As shown in the following figure, I first do Snapshot2 , then sw...

React.js react-router memory chrome-devtools

Sep.17,2021
Learn chrome devtools debugging according to the official tutorial, which is different from the tutorial?
tutorial link https: developers.google.com. 1 figure 2 do step 2 of the lesson: use the breakpoint pause code, return to the demo page, and click Add Number 1 and Number 2 again. DevTools pauses the demo and highlights a line of code in the Sources...

Devtools

Sep.23,2021
When chrome on mac is debugging the mobile phone page, why does the border of the input form not display?
the following figure (the test border is in the placeholder property) this is the focus effect, showing outline; input how can I get this default border to be displayed? Otherwise, it will not be convenient for me to adjust the style. Note: th...

Chrome-devtools css chrome macos

Dec.27,2021
In the chrome devtool (browser console), what does the value of double brackets [[]] mean and how do I get it?
chrome devtool (browser console), what does the value of double brackets [[]] represent and how to get it? ...

Es6 node.js chrome-devtools chrome javascript

Mar.19,2022
How to quickly locate a Cookie in Chrome DevTools by which request?
is there any way to quickly locate in which interface a cookie value is set? as seen in Chrome DevTools Application Cookies, there is such a cookie value how to locate which request set the Cookie from the Network? ...

Chrome-devtools cookies

Apr.18,2022