closely related to pathological processes. For example, cancer cells exhibit overexpression of ALP compared with normal cells. [2] Timely detection of ALP in serum is of great significance for the early diagnosis and monitoring of various diseases, such as bone diseases, [3] hepatobiliary diseases, [4] thyroid disease, [5] and cancers. [6] So far, a variety of methods have been developed for the detection of ALP, such as fluorometry, [7] colorimetry, [8] chemiluminescence, [9] electrochemistry, [10] and surface-enhanced Raman scattering based methods, [11] among which fluorometry and colorimetry are the most commonly used methods due to their high sensitivity and accuracy. However, the synthesis of fluorescent probes tends to be complicated and colorimetric method is easy to be interfered by external substances and thus lose its accuracy. [7c,8a] Apart from that, all the methods mentioned above require specialized equipment and well-trained personnels. It still remains a great challenge to achieve high-sensitivity and highaccuracy sensing without complicated synthesis and bulky instrumentation. The demand for a reliable, easy-to-use, and low-cost biosensor targeting ALP is increasing, to promote the point-of-care detection and timely assessment of related pathological conditions. [12] Photonic hydrogels with structural colors which are fabricated by introducing hydrogels into thin films or photonic crystal structures provide an alternative for the design of biosensors, [13] thanks to the dynamic coloration, [14] as well