在用Mac 的文本编辑编写了一段简单的代码,然后修改后缀.html。用Safari 打开时却显示源码?

问题解决:

第一步:编辑HTML 代码是要以纯文本编辑。

第二步:文本编辑 > 偏好设置——在“打开和存储”栏目中,勾上“将HTML文件显示为HTML代码而不显示为格式化的文本”,勾掉“给纯文本文件添加.txt扩展名”。

第三步:从菜鸟教程 copy 一段html 代码。贴到文本中,存储文件。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body>
</html>

第四步:右击文本文件修改后缀名为.html。

第五步:将浏览器(这里以Safari为例)中选择偏好设置->高级->默认编码,在下拉菜单里选择UTF-8。

第六步:保存设置,双击打开文件即可。效果如下:成功打开了。

Mac-使用文本编辑的html浏览器打开出现源代码问题相关推荐

  1. 判断网页是否为微信内置浏览器打开?

    文章目录 (两种方法)教你:"如何判断网页是不是在微信端内置浏览器打开?" 本文根据项目开发实际情况,着重探讨在微信内置浏览器中调用支付功能,遇到的几个坑! 目的: (方法一)全部 ...

  2. Java调用浏览器打开指定页面的5种方法(最全)

    package com.xbz;import java.awt.*; import java.lang.reflect.Method; import java.net.URI; import java ...

  3. java 创建本地文件、写入文本内容、调用IE浏览器打开

    Windows 创建本地文件.写入文本内容.调用IE浏览器打开 try {//先创建目录文件夹,如果直接创建文件会提示找不到对应的路径File fileDir = new File("C:/ ...

  4. html判断是否在微信里打开,JavaScript判断浏览器内核,微信打开自动提示在浏览器打开...

    微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器.网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下.我们今天只讨论通过 JavaScript 判断是否在微信浏 ...

  5. Mac新手使用技巧——Safari浏览器

    Safari浏览器是Mac OS系统自带的一款浏览器,浏览器是使用的很频繁的一个软件,那么你需要掌握一些必要的 SafAIr 浏览器操作技巧. 一.网页上的功能在 Mac 上的 Safari 浏览器中 ...

  6. 使用chrome浏览器打开微信页面配置方式

    当我们打开微信浏览器的页面时,会提示这个 下面教大家用Chrome浏览器打开微信页面,以方便调试. 1.微信的UA(User agent:用户代理). 安卓微信UA: mozilla/5.0 (lin ...

  7. mac浏览器打不开html,Mac电脑能联网但是浏览器打不开网页怎么解决

    有用户遇到很奇怪的问题,mac电脑已经联网,qq都能正常发送消息,但是浏览器总是无法打开网页,这是怎么回事呢?如果网络没有问题,网页打不开,说明是DNS问题,很大可能性是当前DNS解析服务器无法正常解 ...

  8. Mac电脑怎样自定义Safari浏览器主页?

    Mac电脑怎么设置锁定浏览器主页?我们都知道Mac 电脑自带的浏览器默认主页是苹果官网,但工作生活中我们并不需要这样的设置,那么该如何设置Mac浏览器的主页,和锁定它呢?下面教大家在Mac上如何锁定浏 ...

  9. 微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载

    大家在使用微信推广的时候是不是经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示"已停止访问该网页".这对于使用微信推广的商家来说非常不友好,而且造成的 ...

最新文章

  1. c++ string类 用法简介
  2. 图像去模糊(逆滤波)
  3. python脚本语言采用声音作为手段_python 利用pyttsx3文字转语音过程详解
  4. 多期高收入的C++on-job学员
  5. (王道408考研数据结构)第五章树-第一节:树的定义、基本用语和常考性质
  6. weui 导航悬浮固定
  7. MVC PartialView视图使用心得
  8. 使用 HTML5, javascript, webrtc, websockets, Jetty 和 OpenCV 实现基于 Web 的人脸识别
  9. 第六版PMBOK中工具与技术的介绍:数据收集数据分析数据表现
  10. Linux-用户操作
  11. html中写switch,switch语句使用
  12. boder sizing:boder-box的使用意义
  13. 题解 P2212 【[USACO14MAR]浇地Watering the Fields】
  14. python的csv安装_Python csv模块:处理csv文件
  15. Blast中文手册(1)
  16. 苹果零日漏洞利用市售800万欧元
  17. word文档生成系列:doc和docx插入多图
  18. facebookdownload_downloadfacebook
  19. Dell 服务器错误代码
  20. 第四回:matplotlib文字图例尽眉目

热门文章

  1. swift--添加新手引导页
  2. Cisco Easy ***综合配置示例
  3. 杭电 hdu 1003
  4. 20130410 现阶段的学习状况
  5. 2.SDL游戏开发:把代码写长一点(一)
  6. 跟着JQuery API学Jquery 之四 css
  7. ASP.NET编程中常用到的27个函数集
  8. ASP.net 资源请求漏洞利用工具PadBuster
  9. [转]PCB 设计中敷铜的注意事项
  10. Sprint(第一天11.14)