在桌面上，如何查看网站移动版的源代码
在桌面上，可以通过以下几种方式查看网站移动版的源代码：
- 使用浏览器开发者工具：大多数现代浏览器都内置了开发者工具，可以通过按下F12键或右键点击网页并选择“检查元素”来打开。在开发者工具中，切换到“移动设备模式”或“响应式设计模式”，选择一个移动设备的模拟器，然后刷新网页即可查看移动版的源代码。
- 使用浏览器扩展程序：有一些浏览器扩展程序可以模拟移动设备并查看移动版的源代码。例如，Chrome浏览器可以使用"Mobile View Switcher"或"User-Agent Switcher for Chrome"等扩展程序来模拟移动设备。
- 使用在线工具：还有一些在线工具可以帮助查看网站移动版的源代码。例如，"Mobile-Friendly Test"是Google提供的一个在线工具，可以检测网站是否适用于移动设备，并提供移动版的源代码。
需要注意的是，以上方法只能查看网站在移动设备上显示的源代码，而不是网站的后端代码。此外，不同的网站可能采用不同的技术和方法来实现移动版，因此源代码的结构和内容可能会有所不同。
相关·内容
3回答
我创建了一个网站，根据用户使用的是桌面设备还是移动设备，显示不同的源代码。
在Chrome on desktop中，我可以很容易地查看任何网站桌面版本的源代码，只需在网站的任意位置单击鼠标右键，然后选择“查看页面源代码”即可。
在桌面上的Chrome中，有没有办法可以查看网站移动版的源代码？我知道，在开发人员工具中，我可以使用移动模拟器查看网站，还可以检查呈现到移动浏览器上的元素。但是，我还没有弄清楚如何查看呈现在移动浏览器上的原始源代码。
浏览 20提问于2016-09-09得票数 3
回答已采纳
当我在我的桌面上时，我导航到我的移动网站的位置。(例如www.mysite.com/m/index.html)。在我的桌面上，图像完全按照我想要的方式显示，而在移动设备上，它根本不显示。在座的各位能告诉我为什么会发生这种情况吗？这是与图像相关联的css。
#mlogo {
background-image: url(/m/mobileimages/mobilelogo.jpg);
background-size: 100% 100%;
background-position:top;
position: relative;
width:100%;
浏览 1提问于2015-07-13得票数 0
我们目前看到了一个问题，浏览我们网站的移动设备似乎没有被接收到，没有页面浏览，没有实时或事件跟踪。这一切都发生在3月15日，但我们现在才真正开始注意到它。在桌面上调试基于此的分析代码没有问题，但如何在移动设备上实现这一点呢？安卓手机或iPhone。有没有办法在手机上调试跟踪代码，以确保它能正常工作？我们已经成功地将ga.js与async snytax一起使用了很长一段时间，没有出现任何问题。
浏览 0提问于2013-04-18得票数 2
回答已采纳
我正在使用引导3建立一个网站，很好地显示在移动设备和桌面上。客户告诉我，页面的最大宽度只能是970 me。
如何使用Bootstrap 3来实现这一点，以确保：
页面仍然以浏览器屏幕为中心？
所有的伟大的东西，在启动3仍然在那里。
浏览 8提问于2013-11-22得票数 5
回答已采纳
我女朋友有一个网站：
在桌面上，一切都正常(&chrome工具)，但在手机上，有些图像根本不加载。我试过：-使用wifi或移动数据不同的wifi-不同的移动电话
浏览 4提问于2016-08-10得票数 0
我的Drupal网站在桌面上工作，但对于移动来说，它显示的是“无法到达的站点”
我已经创建了一个自定义表单。我把数据存储为变量的地方。
function meme_common_settings() {
$form['azure_login'] = array(
'#type' => 'checkbox',
'#title' => t('Azure Login status'),
'#default_value' => variable_get('
浏览 0提问于2019-08-05得票数 0
2回答
响应iframe -全屏
、、、、
这是我的密码：
.myIframe {
position: relative;
padding-bottom: 56.25;
padding-top:30px;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY
border: solid black 1px;
}
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
这是我的网站：，if
浏览 4提问于2016-10-29得票数 2
回答已采纳
1回答
我在codeigniter工作。我在codeigniter中做了一个网站，当我点击那个按钮时有一个按钮，然后它重定向到下一个页面，它在PC的桌面上工作得很好，但当我在移动视图上工作时，按钮链接就不工作了。
<a href="<?php echo base_url('news/The_Bandra_Connection');?>" class="btn btn-transparent-gray">Read More</a>
这是css
.btn.btn-transparent-gray {
backgroun
浏览 3提问于2016-06-06得票数 0
假设我需要检索一个在我的应用程序中制作Httpget的网站的超文本标记语言。但是，如果网站有移动版本的内容，我想要这个版本，而不是通常的/桌面版本(例如，如果你在手机上访问，你会得到一个不同的html，如果你在桌面上访问这个网站)
我编写了以下代码：
HttpClient client = new DefaultHttpClient();
HttpGet request = new HttpGet(url);
request.setHeader("User-Agent", System.getProperty("http.agent"));
HttpRespon
浏览 0提问于2013-04-05得票数 0
回答已采纳
2回答
我正在尝试做一个类似于此的网站，我想知道网站是如何制作的。该网站还运行在桌面上，也有一个移动应用程序，所以没有HTML或任何东西在后端。
有什么想法吗？
浏览 0提问于2018-06-28得票数 0
回答已采纳
我正在使用intro.js作为我的网站上的一个页面的第一次参观。这次巡演在桌面上看上去不错，但在手机上，工具提示就在它描述的元素上方。当工具提示出现在元素上方时，用户无法在移动视图中看到该元素。见下图：
我试着定制工具提示的位置，但是输出保持不变。我用于自定义职位的脚本给出了如下内容：
var tour = introJs();
tour.setOption('positionPrecedence', ['top', 'bottom', 'left', 'right']);
而且，我看不到工具提示上面的数
浏览 1提问于2017-11-24得票数 2
回答已采纳
有人能告诉我如何确定(使用JavaScript等)吗？什么浏览器被用来访问我的网站？
我想根据这些场景重定向到另一个页面：
Wheater用户在iPhone上使用Safari浏览，在桌面上使用IE的在WP7移动设备上使用IE。
谢谢。
浏览 1提问于2010-12-28得票数 2
回答已采纳
1回答
我的Facebook应用程序使用Notifications 向用户发送带有一些信息的通知。然而，这些通知只在桌面上接收，而不是在移动设备上接收。
如何才能接触到所有的移动用户社区？
浏览 3提问于2012-12-13得票数 9
回答已采纳
在桌面上使用fancybox，当在内容之外单击时，它会关闭。在移动设备上使用它，它只在内容向上或向下滑动时关闭(它不会对内容外部的单击做出反应)。
是否可以(以及如何)通过在内容之外单击来关闭移动设备上的fancybox？
浏览 22提问于2018-02-24得票数 0
回答已采纳
这是一个屏幕宽度为1000 of的网站的截图：
这是同一网站的截图，屏幕宽度为460 is“
注意，在第一个图像中，无序列表比表的宽度“小”。但在第二个图像中，无序列表比表宽“大”。
这是有关的网站：{{编辑:链接不再与此问题相关，删除}
我喜欢桌面上页面的外观(也就是桌面上更宽的屏幕截图)。但在手机上，一切的规模似乎都变小了。文本比表中的文本大得多(相对地)。
为什么会发生这种情况？我如何修复它，使移动网站和桌面网站看起来都一样？
编辑:这些图片是用Chrome的“屏幕截图”工具拍摄的。不过，我确实用我的实际手机证实了这种行为是一致的。
浏览 0提问于2018-04-23得票数 1
回答已采纳
当我在桌面上使用UC浏览器时，我的移动视图工作得很好。
但是当我使用UC Browser Mobile App打开我的网站时..它坏了，需要加载更多的数据。
我只想远程检查一下我们在Chrome中做的UC浏览器移动应用FORCSS/HTML javascript示例：
正如我们在Chrome 中所做的那样
浏览 2提问于2016-07-07得票数 8
我在网站上列出了一个号码，我希望当用户在移动电话上时，我想成为一个可呼叫的链接，但在桌面上时不会显示为链接。我可以这样做:移动视图的href="tel:5550005555">555-000-5555 /a，但是在桌面上怎样才能去掉这个标签呢？谢谢你的帮助。
浏览 34提问于2020-07-21得票数 0
5回答
从桌面以移动方式查看网站
、、、、
我正在开发我的网站的移动版本，我没有带着我的手机来查看我的更改。如何在桌面上模拟移动视图进行开发？我尝试过，但它没有将我的用户代理更改为移动代理。我用的是Mac电脑。
浏览 1提问于2012-06-26得票数 2
回答已采纳
1回答
快速媒体查询故障
、、
这只是我的一个同事的一个快速问题，我已经让他的网站有了响应，在800px时，导航被隐藏了，移动菜单使用标准的CSS媒体查询出现。
在iPad上查看网站时，它正在显示移动菜单，但我的同事认为iPad应该显示它在桌面上的网站，因为它的屏幕分辨率超过800px。
这是正确的吗?如果不正确，原因是什么？
谢谢。
浏览 0提问于2016-01-16得票数 0
1回答
Chrome重定向至桌面上的移动版。
我有一个网站，它有一个iphone版本，可以将iphone和safari用户重定向到该网站的移动版本。
桌面上的chrome浏览器也会重定向到该网站的iphone/手机版本。只有这个我不想要。其他浏览器，如Mozilla和internet explore都运行得很好。
在我的.htaccess文件中有：
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteCond %{REQUEST_URI} !^/iphone/
RewriteRule .* /iphone/ [R]
Rewrit
浏览 1提问于2014-07-02得票数 0
我正试图让一个网站的html放在我的iOS应用程序中。当我通过一个NSData变量通过一个NSURLConnection记录html时，如果我随后转到桌面上的网站，并在试图在iOS html中找到的元素上单击iOS元素，则html是不同的。为什么会有所不同？是因为我特别点击了那个元素吗？它在iOS和桌面上看起来是一样的，因为我已经将它加载到了UIWebView中。
更新：我被告知，在中，它是呈现的源代码。如何在iOS中获得呈现的源代码？
浏览 0提问于2014-08-28得票数 1
回答已采纳
在苹果的网站上，
但我从uname -a那里得到了root:xnu-8020.240.7~1
Darwin devnull 21.6.0 Darwin Kernel Version 21.6.0: xxxx; root:xnu-8020.240.7~1/RELEASE_X86_64 x86_64 i386 xxx Darwin
所以内核版本和网站不同，我错过了什么吗？
浏览 16提问于2022-11-13得票数 0
1回答
我正在构建一个网站，它有一个“导出”按钮，它稍微重新排列页面，然后启动打印对话框。它允许桌面上的用户将页面打印或保存为PDF。
然而，我们也有移动用户。在移动设备上，这个按钮没有任何意义:移动浏览器(据我所知)甚至没有打印功能。
如何在移动设备上使用媒体查询(或类似查询)隐藏按钮？最安全的选择似乎是检测操作系统，然后隐藏它，如果是安卓，iOS或类似的？
浏览 0提问于2019-03-18得票数 0
在(大多数？全部？)桌面浏览器，样式的html <title>标签没有任何影响。
如何在移动浏览器上工作？我应该开始设计<title>标签的样式吗？
用户代理确实会在桌面上显示<title>标记的内容：
和移动浏览器：
当然，这些标签标签中标题的显示是由浏览器的设计决定的，不应该受网站样式表的影响。
浏览 6提问于2015-04-14得票数 2
回答已采纳
从最近几天开始，当我尝试从移动设备访问我的网站打开的页面时，我的日志中出现了超时错误(页面实际上从未打开)，因为它在桌面上打开时没有任何问题。
Timeout::Error
/usr/local/rvm/rubies/ruby-1.9.3-p545/lib/ruby/1.9.1/net/protocol.rb:146:in `rescue in rbuf_fill'
我主要担心的是为什么它只发生在移动设备上，而不是在桌面上，并且只发生在Chrome的移动浏览器上。我已经在多个手机和不同的浏览器上测试过它，但它并不是单独在Chrome上打开的。
浏览 2提问于2015-09-25得票数 0
回答已采纳
3回答
我正在学习网页设计，我可以在Windows桌面上制作基本的网站。我的问题是，我如何检查这个网站，如果它出现在其他设备，如安卓或iPhone。我想从设备上的网站目录中看到它，而不是"html://www.example.com“。我现在不想买域名，因为我想先学网页设计。而且，我没有iPhone，我不知道该怎么做。我怎么能从移动设备或平板电脑上看到我的网站，即使我不拥有它？
浏览 2提问于2015-05-04得票数 0
回答已采纳
1回答
我已经使用JavaFX2.2创建了一个JavaFX应用程序，它在桌面上运行完美。如何在移动平台特别是android手机上运行javafx应用程序。
浏览 2提问于2015-08-19得票数 0
1回答
我们有一个既有移动版本又有桌面版本的网站。它的响应性不像桌面浏览器可以调整大小，所有内容都是响应性的。基本上有两个独立的桌面和移动版本。
当我们在google中搜索网站时，结果也是手机版的，即使在桌面上搜索也是如此。
显然，手机版在桌面上看起来很糟糕，所以请你告诉我这是如何发生的，以及如何修复它。
谢谢
浏览 1提问于2016-02-18得票数 0
我正在开发一个页面上几乎没有富文本字段的XPage应用程序。它在桌面上工作得很好，但是富文本字段不能在移动环境中显示。这是一个用于测试的公共链接(当在桌面上打开时，它会显示一个富文本字段，但在移动设备上只会显示一个小的空框-在safari、chrome、默认的android浏览器上测试)：
任何帮助都将不胜感激。谢谢！
浏览 2提问于2014-06-30得票数 0
2回答
有没有办法发现桌面上实时打开的是哪种窗口？它可能需要C#或C++。我现在发现的是使用C# Process.GetProcesses()方法来查找桌面上打开的窗口。
但当用户打开任何新窗口时，输出不能更改。那么，有没有什么方法可以用来实时跟踪打开的窗口？
另外，有没有办法使用我们的web服务来跟踪鼠标在特定窗口上的移动？
非常感谢！
浏览 0提问于2013-04-30得票数 0
回答已采纳
目前，在我的网站主页上，我正在使用woocommerce的代码来显示来自某些类别的产品，并选择在桌面上显示5种产品，这些产品与屏幕宽度非常吻合。
然而，在移动设备上，该短代码也会导致5种产品显示，看起来很混乱。
我想知道是否有一种方法来修改这些短代码，以便它可以在桌面上显示5，而在移动设备上只显示2种产品？
我试着把所有的5条线与溢出隐藏，但取决于移动屏幕的宽度，有时有一些第三产品显示，看起来不太专业。
我的短代码的形式如下：
[products limit="5" columns="5" visibility="featured" ]
在主屏幕
浏览 0提问于2018-04-26得票数 0
回答已采纳
11回答
我有一个托管在我的ASP.Net上的Win8's localhost网站，该网站似乎正在按预期在桌面上运行，但现在我也想在移动设备上测试站点网站，以检查它是如何呈现的。
不管怎样，我可以从我的移动设备上访问这个网站吗？
我的移动设备和桌面机通过路由器连接到同一个网络。
这是我的机器和路由器的细节。
机器安装了Win8 Pro运行IIS8.0.9200.16384
路由器是TP-链接基本150 Basic .
设备是Karbonn A15，Androd-4.0.4 (ICS)
有人能告诉我如何将我的移动设备连接到本地主机网站吗？
浏览 0提问于2013-06-26得票数 88
回答已采纳
3回答
我想在我的网站上做一个粘性的标题。我正在尝试跟随CSS，但是当我使用下面的CSS时，我的徽标会在移动设备上被放大。
网站网址：
CSS
@media only screen and (max-width: 768px){
header{
position: fixed !important;
top: 0px;
}
});
我在桌面上没有任何问题，但是在移动设备上，徽标得到缩放-- out.When我点击移动设备中的汉堡包菜单，徽标就会缩小。不仅是徽标，我的标题部分可以放大。请帮我解决这个问题。谢谢
浏览 5提问于2017-02-06得票数 0
我正在优化一个网站，以便在移动浏览器上只显示移动adsense广告，在桌面上只显示常规广告。问题是google代码在页面上留下了一个空白区域来放置这些广告。
我想知道是否有一种简单的方法可以基于用户代理以编程方式插入广告(JS)。
谢谢。
浏览 1提问于2011-02-16得票数 1
回答已采纳
我有一个firebase项目设置，我想在iOS应用程序和托管网站上使用相同的项目。
我构建了一个基本的iOS应用程序。在我的桌面上有一个文件夹：
myiosproject
- iOS
- firebase
- functions
- index.js
我按照文档中的步骤设置云函数: npm install firebase tools，firebase init，然后firebase deploy。我已经将我的代码部署到了云函数中，并且运行得很好。
我还建立了一个基本的网站，并希望部署到firebase托管。在我的桌面上有一个文件夹：
myWeb
浏览 1提问于2018-03-11得票数 7
回答已采纳
在我的wordpress网站上，我想插入一个只有在移动设备上才能看到的图片，而不是桌面上的图片。我可以在这里使用什么CSS/HTML代码？
<div class="mobile-only"><a href="MY_URL"> TEXT/IMAGE </a></div>
浏览 1提问于2014-10-12得票数 0
3回答
我正在构建一个网站上的wordpress，主题我使用的支持桌面和移动。因此，网站会根据用户使用的内容进行更改。无论如何，我试图确定用户在浏览网站时是否使用手机，根据我目前搜索到的内容，
echo $_SERVER['HTTP_USER_AGENT'];
这决定了一些我不确定的事情的信息。当我打开主题文件的header.php时。我试着删除这些行，在手机上浏览网站，这个网站没有以手机的形式出现，它显示的是一个完整的视图网站，就像在桌面上一样，这就是我想要做的输出。
<meta name="viewport" content="width=devic
浏览 0提问于2014-07-01得票数 1
回答已采纳
2回答
我在我的rails应用程序中使用twitter-bootstrap，因此我同时为桌面和移动设备进行设计。
在桌面上，我的网站使用了一系列"banner“风格的图片，非常适合。当在移动设备中查看时，这些图像保持其缩放比例，因此太小了。
我希望发生的事情与facebook应用程序中的用户配置文件非常相似。当你在桌面上查看你的facebook个人资料时，你的横幅图像是它的原始大小，而当你在移动设备上查看你的个人资料时，左右两侧都被裁剪掉了。
有没有可能在不上传2套图片的情况下做到这一点？
有没有我在bootstrap中忽略的东西，或者css中的一些基本的东西，我可以用来修复这个问题？
举个例
浏览 1提问于2014-02-19得票数 0
2回答
我使用Brackets编辑器开发，我可以在桌面上查看Chrome上的网站，用：
http://127.0.0.1:49371/index.html
但它不能加载到我的iPhone (同样的wifi)
(我知道我可以在chrome上玩窗口，我需要实际的移动设备)
找不到这样做的方法。
浏览 20提问于2018-12-15得票数 0
回答已采纳
4回答
我希望我的网站的用户在他们的移动设备上使用分页，例如在iOS中启用分页的iOS。不过，该网站也应该可以在桌面上查看。
到目前为止，我尝试了，但这感觉一点也不流畅(当您松开手指时，它执行的滑动有点延迟)。
对于如何做到这一点，有什么好的选择吗？如果可能的话，我希望用户甚至可以垂直地和水平地滑动。
浏览 5提问于2014-04-01得票数 1
回答已采纳
该网站在移动平台上运行良好，但出于某种原因，我们需要在桌面上的iframe中显示网站的移动版本。
当尝试使用Firebase身份验证在桌面上的iframe中使用Google登录时，我得到以下信息：
url refuse to display in a frame because it set 'X-Frame-Options' to 'sameorigin
我知道这是出于安全原因，但是如何更改X-Frame选项呢？
更改：authDomain: "xxx-xxx12.firebaseapp.com"，到我的自定义域没有工作。(谷歌托管我的域名)
浏览 1提问于2019-08-04得票数 0
1回答
我一直试图使用wsl在我的桌面上安装qemu (win10，ubuntu18.04)。从下载qemu
然后尝试像这样配置：
./configure --disable-kvm --disable-werror --target-list="i386-softmmu x86_64-softmmu"
但是它总是像这样抛出zlib检查失败的错误
zlib检查失败。确保安装了zlib库和头文件。
但是我已经安装了zlib，whereis也显示了已安装的zlib。
如果我转到配置文件并禁用zlib测试，它将抛出“p线程检查失败。
我真的和这个错误没有任何关系。你能帮我解决这个错误
浏览 0提问于2019-09-15得票数 1
目前我的桌面站点在umbraco4中。内容有内联样式、HTML标签、CSS类名。我计划开发一个具有相同内容的移动网站。
我的移动布局不同于桌面布局，所以我如何才能重用相同的内容，但拥有一个在移动和桌面上看起来不同的网站。
浏览 5提问于2013-04-26得票数 1
回答已采纳
我正在尝试从一个网站获取数据，如下所示：
$.get(wallpaperUrl, function(data) {
html = $(data).find(".photo").html();
wallpaper.img = $(html).find("img").attr("src");
$('#MainPanel').css('background-image', 'url(' + wallpaper.img + ')');
});
当在桌面上查看它时，
浏览 11提问于2017-08-28得票数 1
回答已采纳
2回答
我写了很多代码，大部分都是在我做完以后扔掉的；最近我在想，如果我只保留我编写的每一个实用程序脚本，命名它，标记它，并将它归档在一个dev shell中，我将永远不会松开代码，除此之外，我还不需要重新做我已经做过的事情，这是我的主要动机，因为我一直在写我之前做过的事情。
在任何地方都有ASP.NET shell样式的环境吗？
如果不这样做，最好的办法是什么？
我希望能够做到以下几点：
编写大或小的代码。
派生自或链接在一起的，写好的代码/库/服务。
能够在我的桌面上拥有一切(这是否意味着桌面上的IIS？或者有一个更轻的重量机制？)，同步与服务器在家里，所以如果我在移动，我仍然可以访问
浏览 3提问于2011-03-12得票数 0
1回答
背景
我期望，在我的网站上使用的网络字体将工作在移动设备上，就像他们在桌面上一样。这是，按预期在桌面上工作。
CSS
@font-face {
font-family: 'sdFont';
src:
url("/fonts/sdFont.woff") format("woff"),
url("/fonts/sdFont.svg") format("svg"),
url("/fonts/sdFont
浏览 0提问于2013-07-21得票数 0
回答已采纳
1回答
我有一个网站，使用“卡”的意见。在桌面上查看时，我将卡的CSS设置为：
width: 75%
margin: auto
我这样做是为了使“卡片”不会占用桌面上看起来更好看的整个宽度：
但我想弄清楚的是，当屏幕尺寸改变为移动小屏幕时，如何自动关闭宽度和边距。我希望卡宽度100%时，在移动视图中，由于明显的原因。如何根据窗口的宽度更改CSS？
浏览 1提问于2016-02-22得票数 0
回答已采纳
1回答
我试图比较移动和桌面网站上的滚动行为。该计划是让参与者分别在实验室的手机和桌面上滚动x分钟。因此，我完全可以控制这些设备。如何捕捉第三方网站(如Reddit )上的滚动事件？Google有一个名为的功能来跟踪用户的行为，但它不记录滚动。有哪些可行的选择来记录移动和桌面上的用户滚动？
浏览 5提问于2022-10-31得票数 0
回答已采纳
我对响应性的设计布局有疑问。我发现一些网站前：，。当我调整浏览器的大小时，它不会显示移动站点。但是当我通过手机访问时，它显示的是移动站点。并且URL正在更改为m.xxx.com。我的问题是：
这个方法是什么，我怎么能这样做？我的意思是没有在桌面上显示响应
如果应用此方法，是否有检查桌面上移动站点的方法？
诚挚的问候,
浏览 7提问于2015-03-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
